Что такое favicon.ico?
Простое объяснение классической иконки сайта: что это, какие размеры использовать и как её создать.
favicon.ico — небольшой файл иконки, который браузеры запрашивают из корневого каталога сайта. Он отображается во вкладках, закладках и адресной строке.
Краткий ответ
Коротко:
favicon.ico — это ICO-файл с несколькими размерами, который должен содержать 16×16, 32×32, и 48×48, чтобы корректно отображаться во всех браузерах, на панели задач и в ярлыках на рабочем столе.
Размеры favicon.ico
Один файл favicon.ico может содержать несколько размеров. Вот размеры, которые вам нужны.
| Размер | Назначение |
|---|---|
| 16×16 | Вкладка браузера |
| 32×32 | Панель задач |
| 48×48 | Ярлык на рабочем столе |
favicon.ico vs PNG vs SVG
Сохраните favicon.ico для поддержки старых систем и добавьте PNG и SVG для современных браузеров.
| Формат | Лучше всего подходит для |
|---|---|
| favicon.ico | Старые браузеры и Windows; один файл с 16×16, 32×32 и 48×48 |
| PNG | Чёткая современная иконка для вкладок и закладок |
| SVG | Масштабируемая векторная иконка с поддержкой тёмной темы |
Как добавить favicon.ico
Поместите favicon.ico в корневой каталог сайта и добавьте в HTML следующий тег:
<link rel="icon" href="/favicon.ico" sizes="any">Типичные ошибки с favicon.ico
- В ICO-файле сохранён только один размер
- PNG-файл просто переименован в favicon.ico
- favicon.ico не помещён в корневой каталог
- Загружено изображение низкого разрешения или не квадратное
Часто задаваемые вопросы
Что означает favicon.ico?
favicon.ico — классический файл «значка избранного». Это небольшое изображение в формате ICO, которое браузер загружает из корневого каталога сайта и показывает во вкладках, закладках и адресной строке.
Какие размеры должен содержать favicon.ico?
favicon.ico должен содержать иконки 16×16, 32×32 и 48×48. Старые браузеры используют 16×16, а панель задач и ярлыки Windows — более крупные размеры.
Нужен ли favicon.ico в 2026 году?
Да. Современные браузеры предпочитают PNG и SVG, но favicon.ico остаётся самым совместимым резервным вариантом, особенно в Windows и старых браузерах.