Что такое Favicon?

Favicon - малелький значок для сайтаЧто такое favicon и для чего она? Favicon — это сокращение от английского favorites icon («значок для избранного»), представляет собой значок (иконку) для сайта. Чего всего этот значок отображается в адресной строке, либо рядом с заголовком сайта в панели вкладок. Также этот значок отображается как картинка рядом со ссылкой на сайт, если адрес сайта добавлен в закладки.

Favicon в панели вкладокFavicon в адресной строке

Что же представляет собой данный значок и как его добавить для сайта? Значок представляет собой файл с изображением размеров 16×16 пикселей. Обычно используется формат файла ico, также можно использовать png или gif формат (favicon.ico, favicon.png и favicon.gif соответственно).

Ранее для корректного отображения favicon необходимо было, чтобы данный файл располагался в корне сайта, т.е. по адресу http://site.ru/favicon.ico. Современные же браузеры не предъявляют подобных требований, размещать favicon можно в любой директории сайта, но необходимо в секции html тега <head> указать, где находится значок следующим образом:

<link rel="icon" type="image/png" href="/icon.png" />

В параметре href указывается путь (допускается как абсолютный, так и относительный) к файлу с иконкой.

В параметре type указывается MIME тип используемого файла для значка. В данном случае это png файл. Для файла ico это будет image/x-ico и image/gif для gif файлов, соответственно. Картинка может быть размером 16×16 или 32×32 и с 8-битной или 24-битной глубиной цвета.

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

Яндекск отображает иконки сайтов рядом с ссылкой на них в поисковой выдаче

Как создать favicon? Создать свой favicon очень просто, для этого можно воспользоваться обычным растровым или векторным редактором. Предпочтительнее, конечно, векторным, так как это позволит легко изменять размеры изображения без потери качества. Также существует масса онлайн сервисов, которые предоставляют возможность либо нарисовать иконку онлайн, либо конвертировать уже имеющееся изображение в иконку. К таким сайтам можно отнести:
http://favicon.by/
http://www.favicon.cc/
http://favicon.ru/
и д.р.

Поделиться записью

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

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