Сделать фавикон для сайта онлайн

Сделать фавикон для сайта можно с помощью генераторов

сделать фавикон для сайта 1

Добрый день! Если вы решили сделать фавикон для сайта, то такой фавикон получит преимущество благодаря своей уникальности. Во всем, что касается сайтов, уникальность важна. Для вашего сайта будет лучше, если вы соберетесь и потратите пять — десять минут, что бы создать favicon.

Как сделать фавикон сервис Favicon.cc

Данный сервис по созданию фавиконов многие пользователи считают самым простым и удобным. На этом онлайн генераторе вы, ставя один пиксель за другим сможете сделать фавикон без особых усилий, раскрашивая его в нужные вам цвета.

Когда вы перейдете на этот сайт favicon.cc, вы увидите следующее окно:

сделать фавикон для сайта, Favicon.cc

На главной странице данного сайта вы увидите большую прямоугольную область. В ней мы будем создавать favicon. Ниже данной области, можно посмотреть вид фавикона в истинном размере.

сделать фавикон для сайта, Favicon.cc 1

Один квадрат этой прямоугольной области, это 1 пикс. Нам нужно закрашивать квадратики таким образом, чтобы образовалось нужное нам изображение – логотип нашего ресурса. Рисовать тут довольно просто, подводите курсор к нужному квадратику, нажимаете левую клавишу мыши и квадратик закрашивается, квадратик за квадратиком вы нарисуете нужное изображение, перед этим выбрав нужный вам цвет в палитре цветов.

Для того, что бы стереть закрашенную часть, выбираете квадратик, который надо обесцветить, нажимаете левую клавишу мыши и квадратик обесцвечивается.

Фавиконку, которую вы нарисовали, можно перемещать по большому прямоугольнику. Для этих целей поставьте галку радом с пунктом «перемещать».

Для скачивания готового фавикона, жмем по клавише «Скачать Фавикон».

Генератор favicon.ico

Данный генератор фавиконок русскоязычный, но он менее функционален, относительно предыдущего. Вначале пройдите по ссылочке:

Партнёрская программа - комиссия 50%

Ускоритель Компьютера

http://www.michurin.net/online-tools/favicon-editor.html

С данным генератором фавикон у вас не должно быть не каких затруднений, так довольно понятный интерфейс. На данном сайте дается подробная инструкция, как с ним работать.

сделать фавикон для сайта, Faviconico

Сделать Фавикон для сайта с помощью сервиса Favicon-Generator.org

Также отличный генератор фавикон. У данного сервиса отличный интерфейс, удобный дизайн. Трудностей с ним у вас быть но должно. Из картинки хорошо видны его функции.

Favicon-Generator.org

Как сделать фавикон для сайта из готового изображения?

Вы не хотите сделать фавиконку для своего ресурса с самого начала, можно для этих целей применить готовую картинку, которая и будет небольшим логотипом вашего сайта. В таком случае подберите рисунок, который вы хотите превратить в логотип (отдавайте предпочтение квадратным изображениям, для избежание искажений ее узора), а потом примените данную картинку на данном генераторе фавиконок. Для этого подойдут два сервиса.

Favicon.ru

Данный сервис фавиконок довольно удобен в применении и достаточно легко превратит любую картинку в изображение размером 16×16 пикс. Давайте подробнее разберем данный сервис.

Favicon.ru

Добавить картинку на сайт можно двумя методами:

  • При первом способе вы можете выбрать на своем ПК понравившуюся картинку и просто загрузить ее применив кнопку «Выберите файл».
  • При втором методе вам нужно выбрать нужную картинку в сети, добавить ее адрес на данный сервис, далее генератор изображений проделает все сам.

После загрузки вашего файла вам придется кликнуть по кнопке «Сделать favicon из изображения!», далее просто подождите немного времени. Затем скачайте полученное изображение на свой ПК.

Favicon.cc

Данный генератор фавиконок не только мощнее, но и сложнее. Вначале зайдите на его главную страницу, потом кликните по кнопке «Image File», расположенной слева страницы.

Затем жмем по кнопке «Импорт изображений» и загружаем наше изображение. Из этой картинки мы постараемся сделать фавикон для сайта. Далее выберете, что сделать с картинкой после ее уменьшения: при выборе Keep dimensions мы оставим пропорции изображения неизменным, если мы выберем Shrink to square icon, то приведем картинку в квадратный вид. В этом случае изображение может выглядеть искаженно.

После загрузки изображения можно провести ее редактирование в данном сервисе для улучшения качества или оставить вид неизменным. После получения нужного фавикона, скачаем его на ПК.

Как сделать фавикон для сайта и загрузить его на WordPress?

На сайте ваш фавикон будет находиться по адресу http://название вашего домена/favicon.ico.

ПЕРВОЕ. Можно загрузить фавикон на сайт довольно быстро, для этого я использую программу FileZilla. Фавикон находится в папке uploads. Этот файл найдем по адресу /public_html/wp-content/uploads/год/месяц/название фавикона.ico. (На вашем хостинге он может находиться немного в другом месте).  Для этих целей включите данную программу, соединитесь с сервером и просто перекиньте фавикон в папку uploads.

ВТОРОЕ. Добавим favicon в главную папочку сайта. Для этого на хостинге поместим в папочку с блогом файлик, который назовем favicon.ico. Не забудьте, favicon должен быть 16 на 16 пикс.

ТРЕТЬЕ. Внутри сайта заходим в настройки вашей темы, там может быть меню «General», заходим в него, выбираем раздел «Иконка сайта», жмем по кнопке «Upload Now», загружаем его с ПК. При данной загрузке не забудьте, что он должен иметь расширение .ico. Но такой раздел есть не на всякой теме.

Также можно загрузить фавикон при помощи строки html-кода, но мы этот метод рассматривать сейчас не будем.

Теперь я думаю вам не составит труда сделать фавикон для сайта.

Успехов! Андрей Зимин                 13.03.2014г.

Анекдот в каждой статье:

а160

ПОЖАЛУЙСТА, ПОДЕЛИТЕСЬ СТАТЬЕЙ С ДРУЗЬЯМИ!

Советую прочитать:

Kategorie: Сайтостроение

ДОБАВЬТЕ КОММЕНТАРИЙ, ПОЛУЧИТЕ ПОДАРОК!подарок

2 комментария

  1. катя:

    Отлично, теперь у меня свой фавикон!

    Ответ для катя
  2. Зимин Андрей:

    Рекомендую, фавикон действительно нужен. Поисковики его быстро распознают, сайт продвигается быстрее в топ 10. Да и посетители его запоминают! :smile:

    Ответ для Зимин
;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Яндекс.Метрика
« align=»absmiddle