Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.
Традиционно использовались изображения размера 16×16 пикселей формата ICO, помещённые в корень сайта под именем favicon.ico, — тогда Microsoft Internet Explorer использовал их для закладок. До версии 7.0 MSIE использовал значки только для закладок, и поэтому администраторы серверов могли узнать, сколько пользователей создало закладку на их сайт.
Содержание |
В марте 1999 года 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] | Нет[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 |
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
поддерживается всеми браузерами . Важно помнить, что иконка не будет показываться в браузере если её Content-type, возвращаемый веб-сервером, не совпадёт с указанным в html-коде страницы.
Можно указать несколько изображений в разных форматах — например, строку с rel="shortcut icon"
и значком в формате ICO для Internet Explorer, и строку с rel="icon"
и значком в формате GIF или PNG для остальных браузеров.
Веб и веб-сайты | |
---|---|
Глобально | |
Локально | |
Виды сайтов и сервисов |
Виртуальный атлас • Баннерная сеть • Блог (платформа) • Видеохостинг • Вики (список движков • список сайтов) • Сайт-визитка • Вопрос-ответ • Закладки • Службы знакомств • Каталог ресурсов • Интернет-магазин • Микроблог • Тамблелог • Новостной сайт • Поисковая система (список) • Порносайт • Социальная сеть • BitTorrent-трекер • Файлообменник • Форум (Сервис • Имиджборд) • Фотохостинг • Чат |
Создание и обслуживание |
|
Типы макетов, страниц, сайтов |
|
Техническое | |
Маркетинг | |
Социум и культура |
Favicon 128x128, favicon скачать бесплатно.