Блог

Самое интересное из мира digital.

Favicon: инструкция к применению

Оставить комментарий

Favicon представляет собой  маленькую иконку, котора отображается в адресной строке браузера.


Также эту маленькую иконку можно наблюдать напротив названия сайта, если я его добавлю в список «Избранного».  Картинка также отображаетя в поисковиках напротив сайта в результатах поиска. Картинка является как имиджевым, так  навигационным элементом сайта. Если картинка будет «в тему» данного сайта, то она привлечет намного больше посетителей на ваш сайт. Это доказано  многочисленными исследованиями, которые проводились различными аналитическими центрами по методу Eye-Tracking System.

Формат Favicon — это графический файл .ico, имеющий размеры 16 на 16 пикселей или 32×32 , с 8-битной или 24-битной глубиной цвета,  цветовой гаммой TrueColor.

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

фавикон

Готовый файл следует сохранить на сервере (обычно в корневую директорию, но можно и в папку с остальной графикой), следует также немного подкорректировать код готовой страницы.  img⁄favicon.ico — это путь к вашему favicon.

Для каждой страницы можно указать свою favicon, но тогда, естественно, в коде каждой страницы нужно прописать имя и путь к ней. Обычно так не делают, но иногда выделяют новую favicon под отдельный и большой раздел сайта. Можно и вовсе не указывать явную ссылку на ногие favicon.ico в коде страницы. Современные браузеры в случае отсутствия какого-либо  указания  загрузит favicon.ico из корня сайта. Но все же, для точности отображения лучше прописать  положение значка в (X)HTML-коде (внутри элемента ), что также позволит вам указать  для каждой страницы свой значок.

Для того, чтоб прописать  местоположение favicon.ico необходимо вписать  строку с нужным кодом в код страницы вашего сайта внутрь секции head.

При этом,

— rel может содержать и «shortcut icon» (при этом Microsoft Internet Explorer будет реагировать на строку «shortcut icon»*, а браузеры, соответствующие стандартам, — на слово «icon»)
— href содержит абсолютный или относительный URI к файлу (в Mozilla Firefox 3.0, например, поддерживаются те же URI, что и с тегом img). Атрибут type должен содержать MIME-тип формата (например, image/png для PNG).

*- Важно знать, что Internet Explorer не поддерживает favicon, в то время, как  Opera, Firefox и другие браузеры его воспринимают нормально. Firefox также поддерживает отображение анимированных .gif файлов.

Похожие записи

Похожие публикации скоро появятся

Комментарии: