SEO
Favicon Generator
Загрузить изображение и получить полный набор favicon (16–512px, .ico, web-манифест) и готовый HTML-код для <head>.
В архив входят все PNG, favicon.ico и site.webmanifest.
Современные браузеры и ОС ожидают не один файл favicon.ico, а целый набор иконок разных размеров — для вкладки браузера, закладок, домашнего экрана iOS/Android, web-манифеста PWA. Инструмент генерирует весь этот набор из одного загруженного изображения.
Как пользоваться
- Загрузите исходное изображение (желательно квадратное, от 512×512px) — инструмент сгенерирует полный набор размеров (16–512px) в форматах ICO и PNG.
- Скачайте архив со всеми файлами favicon и site.webmanifest.
- Скопируйте готовый блок HTML-тегов <link> и вставьте в <head> сайта.
Типичные сценарии
- Настройка полного набора favicon для нового сайта без ручного создания каждого размера отдельно.
- Обновление устаревшего набора иконок (только favicon.ico) до современного стандарта с поддержкой PWA и Android maskable-иконок.
- Быстрая проверка, как логотип выглядит уменьшенным до 16×16px — на этом размере мелкие детали часто сливаются.
Что стоит помнить
На маленьких размерах (16–32px) мелкие детали логотипа становятся неразборчивыми — для favicon лучше подходит упрощённый вариант знака, а не полный логотип с текстом.
Maskable-иконки для Android требуют безопасного поля вокруг основного изображения, иначе важное содержимое может быть обрезано при наложении маски формы.
Статья об этом инструменте: Favicon: почему для одной иконки нужно столько размеров и форматов
Часто задаваемые вопросы
Зачем нужно так много разных размеров favicon?
Разные платформы запрашивают разные размеры — вкладки браузера обычно используют 16x16 или 32x32, значки на главном экране iOS требуют 180x180, а Android использует разные размеры вплоть до 512x512 — генерация полного набора гарантирует чёткий вид значка везде.
Чем отличаются favicon .ico и .png?
Формат .ico может объединять несколько разрешений в одном файле и имеет самую широкую поддержку старых браузеров, тогда как современные браузеры также принимают обычные .png файлы, указанные прямо в тегах link — большинство сайтов сегодня используют оба для совместимости.
Отправляется ли моё загруженное изображение на сервер для генерации фавиконов?
Нет. Всё изменение размера и конвертация формата происходят полностью в вашем браузере — изображение никогда никуда не загружается.
Можно ли использовать SVG в качестве favicon?
Да — современные браузеры на базе Chromium и Firefox поддерживают <link rel="icon" type="image/svg+xml">, и такой favicon остаётся чётким при любой плотности экрана и может даже реагировать на тёмную тему через prefers-color-scheme внутри самого файла.
Что такое maskable-иконка для Android?
Это иконка с безопасным полем вокруг основного изображения, которую Android может обрезать в любую форму (круг, квадрат со скруглёнными углами и т.д.) в соответствии с темой устройства, не обрезая важное содержимое иконки.