|| бей в бубен

Как подключить favicon

Для начала определим что:
Favicon (сокращенно от FAVorites ICON — иконка для избранного) — значок веб сайта, картинка, помогающая как-то идентифицировать сайт.

Основной формат для favicon — ICO. Этот формат поддерживают все современные браузеры. Более новые воспринимают форматы GIF (включая анимированные GIF), PNG, JPEG and APNG.

Размеры и цвета favicon — 16x16 пикселей, 256 цветов или TrueColor. Эта картинка будет отображаться рядом с адресной строкой, в закладках, табах и результатах поиска некоторых поисковых систем (Яндекс, Апорт). Допускается использование нескольких картинок для favicon разных размеров (32х32, 48х48) и форматов, для нормального отображения иконки и на рабочем столе.

Ранее можно было favicon.ico разместить только в корне сайта. При этом не обязтельно было подключать favicon в HTML коде, браузер сам находил значок. Сейчас же favicon можно расположить где угодно в файловой архитекутре, указав к нему путь.

Для подключения кроссбраузерно и по международным стандартам следует разместить в выводе заголовка (до закрытия тэга ) тэг
для favicon в формате ico


для favicon в формате png


для favicon в формате gif

Для Internet Explorer (IE) favicon подключался изначально так:


и хоть этот способ понимает достаточно много браузеров, его использовать не рекомендуется, так как он противоречит международным стандартам.