Реклама на сайте (разместить):



Реклама и пожертвования позволяют нам быть независимыми!

Favicon

Материал из Википедии
Перейти к: навигация, поиск
Favicon Википедии

Favicon (сокр. от англ. FAVorite ICON — «значок для избранного») — значок веб-сайта или веб-страницы. Отображается браузером во вкладке перед названием страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.

Традиционно использовались изображения размера 16×16 пикселей формата ICO, помещённые в корневой каталог сайта под именем favicon.ico, — тогда Microsoft Internet Explorer использовал их для закладок. До версии 7.0 MSIE использовал значки только для закладок, и поэтому администраторы серверов могли узнать, сколько пользователей создало закладку на их сайт[1].

История развития[править]

В марте 1999 года Microsoft выпустила браузер Internet Explorer 5, который первым стал поддерживать значки для сайта.[1] Изначально этим значком был файл с именем favicon.ico, помещённый в корневой каталог (например, http://en.wikipedia.org/favicon.ico) веб-сайта. Значок используется браузером Internet Explorer в списке избранного и рядом с URL в адресной строке, если страница находится в закладках.[2][3][4][1] Побочным эффектом было то, что количество посетителей, которые добавили страницу в закладки, можно было оценить по количеству обращений к файлу значка. Эта техника устарела, так как все современные браузеры поддерживают значок без закладок.[3]

Поддержка браузерами[править]

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

Поддерживаемые форматы иконки сайта[править]

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

Браузер ICO PNG GIF Анимированный GIF JPEG APNG SVG
Google Chrome Да 4.0 4.0 Нет 4.0 Нет Нет
Internet Explorer 5.0[5] 11.0[6] 11.0[6] Нет[5] Нет[5] Нет[5] Нет[5]
Firefox 1.0[7] 1.0[7] 1.0[7] Да Да 3.0 Нет[8]
Opera 7.0[9] 7.0[9] 7.0[9] 7.0[9] 7.0[9] 9.5 9.6[источник не указан 2881 день]
Safari Да 4.0 4.0 Нет 4.0 Нет Нет

Современные возможности[править]

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

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

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

где

  • rel может содержать и «shortcut icon» (при этом Microsoft Internet Explorer будет реагировать на строку «shortcut icon», а браузеры, соответствующие стандартам, — на слово «icon»)
  • href содержит абсолютный или относительный URI к файлу (в Mozilla Firefox 3.0, например, поддерживаются те же URI, что и с тегом img).
  • Форматом файла может быть png или gif, размером 16x16 или 32x32 и с 8-битной или 24-битной глубиной цвета (в Mozilla Firefox, например, может быть не только этот, но и как у тега img).

При этом атрибут type должен содержать MIME-тип формата (например, image/png для PNG).

В 2003 году формат ICO был зарегистрирован Саймоном Батчером (Simon Butcher) в Internet Assigned Numbers Authority (IANA). Для этого формата стандартным MIME-типом стал image/vnd.microsoft.icon.

Если для Internet Explorer используется формат ICO, то его MIME-тип должен быть image/vnd.microsoft.icon. Тип image/x-icon устарел в 2003 году после стандартизации типа для ICO. Правильный тип image/vnd.microsoft.icon поддерживается всеми браузерами[источник не указан 3146 дней]. Важно помнить, что иконка не будет показываться в браузере, если её Content-type, возвращаемый веб-сервером, не совпадёт с указанным в html-коде страницы.

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

Примечания[править]

  1. 1,0 1,1 1,2 How to Add a Shortcut Icon to a Web Page. Microsoft Developer Network. Microsoft. Проверено 15 марта 2010. Архивировано из первоисточника 8 февраля 2012.
  2. McGrew, Darin Web Authoring FAQ - 8.11. How can I have a custom icon when people bookmark my site?. Web Design Group (26 April 2007). Проверено 23 февраля 2011. Архивировано из первоисточника 8 февраля 2012.
  3. 3,0 3,1 Heng, Christopher What is Favicon.ico? Personalise Your Site's Bookmarks. thesitewizard.com (7 September 2008). Проверено 23 февраля 2011. Архивировано из первоисточника 8 февраля 2012.
  4. Creating favicons with Adobe Photoshop and GoLive. Adobe GoLive. Проверено 25 февраля 2011. Архивировано из первоисточника 7 декабря 2003.
  5. 5,0 5,1 5,2 5,3 5,4 Davis, Jeff why doesn't the favicon for my site appear in IE7?. jeff's WebLog at Microsoft Developer Network. Microsoft (1 March 2007). Проверено 27 февраля 2011. Архивировано из первоисточника 8 февраля 2012.
  6. 6,0 6,1 Fun with Favicons. Microsoft (7 September 2013). Проверено 3 ноября 2013.
  7. 7,0 7,1 7,2 David. Mozilla 0.9.6 Release Notes. Mozilla (19 July 2003). Проверено 23 февраля 2011. Архивировано из первоисточника 8 февраля 2012.
  8. Works only on first load of the page.
    Daniel Holbert. Bug 366324 – SVG site icons (favicons, shortcut icons) support — comment 22. Bugzilla@Mozilla. Mozilla (14 April 2011). Проверено 23 февраля 2011.
  9. 9,0 9,1 9,2 9,3 9,4 Opera 7 for Windows Changelog. Opera Software (28 January 2003). Проверено 28 февраля 2011. Архивировано из первоисточника 8 февраля 2012.


Статью можно улучшить?
✍ Редактировать 💸 Спонсировать 🔔 Подписаться 📩 Переслать 💬 Обсудить
Позвать друзей