Как создать Фавикон (Favicon) для сайта

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

Фавикон отображается интернет-браузером возле названия Вашего сайта или в адресной строке перед URL страницы (в зависимости от версии интернет-браузера), а также в качестве картинки рядом с закладкой, что обеспечивает узнаваемость пользователями Вашего ресурса в Интернете.

Чтобы создать Фавикон, можно воспользоваться интернет-сервисами, предлагающими легко его сгенерировать.

СОЗДАТЬ ФАВИКОН

1-Й СЕРВИС.

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

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

На странице генерации, вы увидите разные варианты для вашего будущего значка.

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

2-Й СЕРВИС.

Как работать с ним, читайте дальше. Перед процессом создания Фавикон-значка, нам нужно иметь картинку из которой будем изготавливать favicon.ico. Переходим на сайт Genfavicon.com.

Нажимаем кнопку Выберите файл, в Проводнике выбираем подготовленную нами картинку и кликаем на кнопке Upload Image.

Картинка загружается в окне просмотра без перезагрузки интернет-браузера, где мы подгоняем её под нужный нам размер, путём перетаскивания чёрных квадратиков-направляющих.

В зелёном поле устанавливаем размер Фавикон-значка (стандартный 16х16 пикселей) и нажимаем кнопку Capture & Preview.

В последнем голубом поле видим, как будет выглядеть наш Favicon и, если результаты нас устраивают, можем скачать готовый Фавикон-значок в формате .ICO (основной формат) или .JPG.

Теперь просто загружаем по FTP готовый файл favicon.ico в корневую директорию своего сайта или блога и в коде страницы сразу после тега &lt,head&gt, вставляем следующий код.

&lt,link rel=’shortcut icon’ href=’/favicon.ico’ /&gt,

У меня на блоге всё заработало и без кода. Сохраняемся, обновляем страницу и наслаждаемся проделанной работой с фавикон генератор. Если фавикон-значок не появился на Вашем сайте, в первую очередь нужно очистить кэш интернет-браузера. Благодарю за внимание всех читателей блога! Не забывайте оставлять комментарии к статье и рекомендовать её друзьям из социальных сетей.