Favicon.ico — это файл с иконкой сайта (от англ. favorite icon), которая отображается в браузере: во вкладке с страницей, в закладках, в адресной строке, а также в результатах поиска.
Зачем нужен favicon.ico
- Помогает быстро находить сайт среди множества открытых вкладок — когда названия не видны, остаётся только иконка.
- Повышает узнаваемость бренда: логотип в миниатюре делает ресурс заметнее.
- Улучшает внешний вид в поисковой выдаче — многие поисковики показывают иконку рядом со ссылкой.
- Снижает количество ошибок 404: если браузер запрашивает
favicon.ico, а файла нет, сервер регистрирует ошибку; наличие файла убирает этот шум в логах.
Технические детали
- Формат: ICO — классический формат для favicon, поддерживает несколько размеров в одном файле (например, 16×16, 32×32 px). Сейчас часто используют и другие форматы (PNG, SVG), но имя
favicon.icoи сам файл до сих пор широко применяются из‑за обратной совместимости. - Размеры: чаще всего 16×16 или 32×32 пикселя; для современных устройств могут понадобиться и более крупные варианты.
- Расположение: традиционно файл кладут в корневой каталог сайта (например,
example.com/favicon.ico).
Подключение в HTML:
html
<link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon">Иногда встречается вариант с rel="shortcut icon" — он нужен для старых версий Internet Explorer.
Как создать и установить favicon.ico
- Подготовьте изображение (лучше исходник 260×260 px и больше) — это может быть логотип или простая иконка.
- Сгенерируйте favicon в онлайн‑сервисах (например, Favicon.io, Realfavicongenerator.net) или в графических редакторах (Photoshop, GIMP, Figma).
- Загрузите файл
favicon.icoв корень сайта. - Добавьте ссылку на него в секцию
<head>всех страниц (или хотя бы главной). - Проверьте, что файл доступен по прямой ссылке (HTTP‑статус 200) и корректно отображается в разных браузерах.
