WEB-разработка

Иконка favicon для сайта

Favicon (сокр. от англ. FAVorites ICON — «значок для избранного») Само название favicon произошло от имени папки favorites в котором MSIE хранит свои закладки. Favicon — значок сайта или веб-страницы, который отображается браузером в адресной строке перед URL страницы, в качестве значка на закладке, в закладках и других элементах интерфейса, повышая узнаваемость сайта.

Favicon (сокр. от англ. FAVorites ICON — «значок для избранного») Само название favicon произошло от имени папки favorites в котором MSIE хранит свои закладки. Favicon — значок сайта или веб-страницы, который отображается браузером в адресной строке перед URL страницы, в качестве значка на закладке, в закладках и других элементах интерфейса, повышая узнаваемость сайта.

До появления MSIE 7.0, предыдущие версии использовали значёк исключительно для закладок. Для того, чтобы значёк favicon там отобразился необходимо было выполнить целый ряд условий.

  • Во-первых значёк должен быть изображением 16 х 16 пикселей в ICO формате. Палитра не могла превышать 256-ти цветов;
  • Во вторых файл favicon.ico должен быть размещён в корне сайта;

В настоящее время все современные браузеры, такие как MSIE 7, MSIE 8, FireFox, Opera, Safari, Chrome используют значёк, если ссылка на него явно указана в коде страницы в блоке head. При таком подходе у каждой страницы сайта может быть свой собственный значёк и их не обязательно размещать в корне сайта. Он может вообще находиться на другом хосте.

  1. <link type="image/x-icon" rel="icon" href="/favicon.ico" />

или

  1. <link type="image/x-icon" rel="shortcut icon" href="/favicon.ico" />

В первом варианте параметр "rel" имеет значение "icon" и все браузеры, не принебригающие стандартами w3c обработают его. Если вы укажете ещё и второй вариант, то Internet Explorer радостно похрюкивая обработает только его. Можно указать несколько изображений в разных форматах — например, строку с "shortcut icon" и значком в формате ICO для Internet Explorer, и строку с "icon" и значком в формате GIF или PNG для альтернативных браузеров.

В параметре "href" указан абсолютный или относительный URI к файлу;

Современные браузеры понимают любой формат favicon, но Internet Explorer допускает только формат ICO. При этом атрибут type должен содержать MIME-тип формата (например, image/png для PNG).

Материалы по теме

http://www.favicon.cc/ — Сервис для создания favicon
http://genfavicon.com/ — Cервис для генерации фавиконов

Похожие статьи

RSS 1 комментарий

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

Трекбеки (1)

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