Для початку визначимо що:
Favicon (скорочено від FAVorites ICON — іконка для обраного) — значок веб сайту, зображення, що допомагає якимось чином ідентифікувати сайт. Основний формат для favicon — ICO.
Цей формат підтримують усі сучасні браузери. Більш нові сприймають формати GIF (включно з анімованими GIF), PNG, JPEG та APNG. Розміри та кольори favicon — 16x16 пікселів, 256 кольорів або TrueColor. Це зображення буде відображатися біля адресного рядка, в закладках, табах та результатах пошуку деяких пошукових систем (Яндекс, Апорт). Допускається використання декількох зображень для favicon різних розмірів (32х32, 48х48) та форматів, для нормального відображення іконки такою і на робочому столі. Раніше favicon.ico можна було розмістити тільки в корені сайту. При цьому не обов'язково було підключати favicon в HTML коді, браузер сам знаходив значок. Зараз же favicon можна разташувати де завгодно в дереві файлів, вказавши шлях до нього. Для підключення кросбраузерно і по стандартам варто розмістити в виводі заголовку (до закриття тегу) тег
для favicon в форматі ico
<link rel="icon" type="image/x-icon" href="/favicon.ico" />для favicon в форматі png
<link rel="icon" type="image/png" href="/image/favicon.png" />для favicon в формате gif
<link rel="icon" type="image/gif" href="/image/favicon.gif" />для Internet Explorer (IE) favicon підключався спочатку так:
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />и хоч цей спосіб зрозуміє достатньо багато браузерів, його використовувати не рекомендується, так як він протирічить стандартам спільноти.