Генератор фавиконок
Создайте полный комплект фавиконок для любого сайта
🔒 100% бесплатно · без регистрации · файлы не покидают ваше устройство
Фавиконка — самое маленькое изображение на сайте и при этом то, что люди видят чаще всего: во вкладках браузера, списках закладок, истории, закреплённых значках панели задач и на домашних экранах телефонов. Проблема в том, что ни один файл не покрывает все контексты. Вкладки браузера просят 16×16 и 32×32, Windows нужен мультиразмерный favicon.ico, iOS ищет apple-touch-icon 180×180, а Android Chrome читает иконки из site.webmanifest. Делать каждый файл вручную — значит полдюжины раз открывать редактор и помнить соглашения, которые у каждой платформы свои.
Этот генератор собирает полный комплект из одного изображения за один проход. Загрузите логотип или любую графику, при желании задайте цвет фона и отступы — и получите favicon.ico (с вложенными 16, 32 и 48 px), PNG-иконки размером 16, 32, 180, 192 и 512 px, а также готовый site.webmanifest. Всё создаётся локально в вашем браузере через Canvas API, поэтому файлы не покидают устройство. Скачайте всё одним ZIP, распакуйте в корень сайта, вставьте готовый HTML-сниппет — и каждый браузер, телефон и компьютер выберет самую чёткую иконку из поддерживаемых.
Зачем нужен Генератор фавиконок
Запуск нового сайта или проекта
Одна загрузка логотипа даёт все иконки, которые ждут современные платформы — без графического редактора, ручного ресайза и забытых размеров перед релизом.
Замена стандартной фавиконки фреймворка
Свежие приложения на Next.js, Vite или Rails выходят со стоковой иконкой, которую узнаёт каждый посетитель. Подмена на собственный брендовый пакет занимает пару минут.
Подготовка PWA к установке
Диалог установки на Android требует иконки 192×192 и 512×512, объявленные в манифесте — оба файла и сам манифест генерируются автоматически.
Чистая передача проекта клиенту
Отправьте один ZIP со всеми файлами фавиконки и точными HTML-тегами для вставки — без переписки о том, какие размеры нужны современным браузерам.
Полезные советы
- Начинайте с квадратного исходника не меньше 512×512 px: уменьшение идёт с качественным сглаживанием, но детали для иконки 512 px инструмент не придумает.
- Держите дизайн простым: маленькие иконки читаются на 16 px, где тонкие линии и мелкий текст превращаются в кашу — фавиконка это знак, а не иллюстрация.
- Если логотип широкий или высокий, добавьте 10–20% отступов, чтобы иконка не касалась краёв на скруглённых масках домашних экранов iOS и Android.
- Проверьте прозрачный вариант на светлой и тёмной темах браузера: тёмный символ на прозрачности исчезает в тёмном режиме, поэтому сплошной фон нередко надёжнее.
Как пользоваться: Генератор фавиконок
- 1Загрузите одно изображение или логотип (лучше квадратный)
- 2Выберите цвет фона и отступы
- 3Проверьте предпросмотр всех размеров иконок
- 4Скачайте всё одним ZIP или файлы по отдельности
Часто задаваемые вопросы
Зачем нужно несколько размеров фавиконки?▾
Браузеры, панели задач, закладки и домашние экраны телефонов запрашивают разные размеры — от 16 до 512 пикселей. Готовый пакет покрывает всё, и каждое устройство получает чёткую иконку вместо размытого масштабирования.
Что такое apple-touch-icon?▾
Это PNG 180×180, который iOS использует, когда сайт добавляют на домашний экран. Без него iOS берёт уменьшенный скриншот страницы, который обычно выглядит плохо.
Что лучше для фавиконки: PNG или ICO?▾
И то и другое. Современные браузеры предпочитают PNG-иконки через link-теги, а мультиразмерный favicon.ico (16/32/48 внутри) гарантирует поддержку старых браузеров и сервисов.