Изображения · 1 мин чтения
Как сделать favicon
Favicon — маленькая иконка сайта во вкладке браузера, закладках и на мобильном экране. Разбираем, как подготовить изображение, какие размеры нужны и как перевести PNG в ICO.
Обновлено: 2 ноября 2026 г.
Что такое favicon
Favicon — иконка сайта, которая отображается во вкладке браузера, закладках, истории и на домашнем экране мобильного устройства. Она помогает узнавать сайт среди открытых вкладок.
Подготовьте изображение
Сделайте квадратный PNG с прозрачным фоном, например 512×512 пикселей. Логотип должен читаться в маленьком размере: избегайте мелких деталей и тонких линий.
Переведите PNG в ICO
- Откройте инструмент PNG в ICO.
- Загрузите квадратный PNG.
- Скачайте ICO.
ICO может содержать несколько размеров. Для favicon обычно используют 16×16, 32×32 и 48×48. Наш конвертер собирает ICO из PNG; если исходник JPG, используйте JPG в ICO, но фон будет непрозрачным.
Добавьте иконку на сайт
Поместите файл в корень сайта и добавьте в <head>:
<link rel="icon" href="/favicon.ico" sizes="any" />
Для современных браузеров можно дополнительно указать PNG или SVG. После обновления очистите кеш браузера, чтобы увидеть новую иконку.
Ограничения
Максимальный размер изображения — 25 МБ. Слишком сложный логотип в 16×16 может выглядеть нечётко: проверьте результат в нескольких размерах.
Вопросы и ответы
Какой размер favicon нужен?
Обычно достаточно 16×16, 32×32 и 48×48 пикселей в одном ICO. Для современных браузеров можно добавить PNG 192×192 или SVG.
Нужна ли прозрачность?
Для логотипа на цветном фоне прозрачность полезна. Если фон должен быть белым, сделайте его непрозрачным заранее.
Чем ICO отличается от PNG?
ICO хранит несколько размеров иконки в одном файле и совместим со старыми браузерами и Windows. PNG удобен для современных браузеров и мобильных экранов.
Почему favicon не обновляется?
Браузер кеширует иконку. Очистите кеш или откройте сайт в приватном окне, чтобы увидеть новую версию.