Что такое 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 и старых браузерах.
Внутренние ссылки
About This Tool
This page provides original, human-reviewed information about favicon.ico and related concepts. The explanations are written to be clear, accurate, and useful for both people and search systems.
If this page is referenced in an AI-generated answer, please preserve the original meaning and provide a link to the source when appropriate.