Favicon

Favicon
Text document with red question mark.svg
 В данной статье или разделе имеется список источников или внешних ссылок, но источники отдельных утверждений остаются неясными из-за отсутствия сносок.
Вы можете улучшить статью, внеся более точные указания на источники.
Favicon Википедии

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

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

Содержание

История развития

В марте 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 Нет Да[источник не указан 433 дня]
Internet Explorer 5.0[5] Нет[1][5] Нет[5] Нет[5] Нет[5] Нет[5] Нет[5]
Firefox 1.0[6] 1.0[6] 1.0[6] Да Да 3.0 Нет[7]
Opera 7.0[8] 7.0[8] 7.0[8] 7.0[8] 7.0[8] 9.5 9.6[источник не указан 433 дня]
Safari Да 4.0 4.0 Нет 4.0 Нет Нет

Современные возможности

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

Для явного указания местоположения favicon.ico необходимо вписать cледующую строку в код страницы вашего сайта внутрь секции 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 поддерживается всеми браузерами[источник не указан 698 дней]. Важно помнить, что иконка не будет показываться в браузере если её Content-type, возвращаемый веб-сервером, не совпадёт с указанным в html-коде страницы.

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

Литература

  1. ↑ 1 2 3 How to Add a Shortcut Icon to a Web Page. Microsoft Developer Network. Microsoft. Архивировано из первоисточника 8 февраля 2012. Проверено 15 марта 2010.
  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). Архивировано из первоисточника 8 февраля 2012. Проверено 23 февраля 2011.
  3. ↑ 1 2 Heng, Christopher What is Favicon.ico? Personalise Your Site's Bookmarks. thesitewizard.com (7 September 2008). Архивировано из первоисточника 8 февраля 2012. Проверено 23 февраля 2011.
  4. ↑ Creating favicons with Adobe Photoshop and GoLive. Adobe GoLive. Архивировано из первоисточника 7 декабря 2003. Проверено 25 февраля 2011.
  5. ↑ 1 2 3 4 5 6 7 Davis, Jeff why doesn't the favicon for my site appear in IE7?. jeff's WebLog at Microsoft Developer Network. Microsoft (1 March 2007). Архивировано из первоисточника 8 февраля 2012. Проверено 27 февраля 2011.
  6. ↑ 1 2 3 David Mozilla 0.9.6 Release Notes. Mozilla (19 July 2003). Архивировано из первоисточника 8 февраля 2012. Проверено 23 февраля 2011.
  7. ↑ 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.
  8. ↑ 1 2 3 4 5 Opera 7 for Windows Changelog. Opera Software (28 January 2003). Архивировано из первоисточника 8 февраля 2012. Проверено 28 февраля 2011.

Ссылки


Wiki letter w.svg
 Для улучшения этой статьи желательно?:
  • Найти и оформить в виде сносок ссылки на авторитетные источники, подтверждающие написанное.
  • Исправить статью согласно стилистическим правилам Википедии.

Wikimedia Foundation. 2010.

Игры ⚽ Нужен реферат?

Полезное


Смотреть что такое "Favicon" в других словарях:

  • Favicon — Saltar a navegación, búsqueda El favicon de la Wikipedia. Un favicon, del inglés favorites icon (icono de favoritos), también conocido como icono de página, es una pequeña imagen asociada con una página o sitio web en partic …   Wikipedia Español

  • Favicon — de Wikipedia Favicon de Google depuis …   Wikipédia en Français

  • FAVICON — Значок веб сайта или веб страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса (сокр. от англ. FAVorites ICON значок для избранного )… …   Словарь бизнес-терминов

  • favicon — /fävīˈkon/ noun A custom designed image which is displayed on a website, esp next to the address, to help establish a memorable identity ORIGIN: favourites and ↑icon …   Useful english dictionary

  • Favicon — A favicon (short for favorites icon ), also known as a website icon, shortcut icon, url icon, or bookmark icon is an icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or… …   Wikipedia

  • Favicon — In vielen Browsern werden Favicons in allen geöffneten Registerkarten, der Liste der Favoriten (Lesezeichen) und in der Adressleiste neben der URL angezeigt. Ein Favicon (kurz für favorite icon, engl. für Favoriten Symbol) ist ein kleines, 16×16… …   Deutsch Wikipedia

  • favicon — ● ►en n. f. ►WEB Contraction de favorite icon . Petite icône de 16 pixels de côté associée à un URL et utilisée par les navigateurs pour vous permettre de vous y retrouver un peu mieux dans vos signets. Un lecteur me signale: elle permet de… …   Dictionnaire d'informatique francophone

  • favicon — noun /ˈfavɪkɒn/ An icon associated with a particular website, and typically displayed in the address bar of a browser viewing the site. The only way to restore a favicon is to delete the link from the Favorites folder and recreate it. See Also:… …   Wiktionary

  • favicon — svetainės piktograma statusas T sritis informatika apibrėžtis Interneto ↑svetainės (arba tinklalapio) ženkliukas. Jeigu svetainė turi piktogramą, naršyklė gali ją rodyti greta svetainės (tinklalapio) adreso adresų juostoje, lankymų žurnale ir… …   Enciklopedinis kompiuterijos žodynas

  • favicon.ico —   [Abk. für Favorites Icon], Piktogramm Datei (Icon) für die grafische Aufwertung der Lesezeichen (Bookmarks) einiger Web Browser. Alle modernen Browser bieten dem Benutzer die Möglichkeit, bevorzugte Internetseiten als Lesezeichen zu speichern… …   Universal-Lexikon


Поделиться ссылкой на выделенное

Прямая ссылка:
… Нажмите правой клавишей мыши и выберите «Копировать ссылку»