Генератор favicon онлайн
Из одной картинки — favicon.ico, PNG всех размеров, apple-touch-icon, иконки для Android и PWA, манифест и готовый HTML. С кадрированием, отступом и предпросмотром вкладки в светлой и тёмной теме.
Как это работает
три шагаЗагрузите изображение
Логотип, знак или любую картинку. Квадратные исходники работают лучше всего.
Настройте иконку
Масштаб, отступ от краёв, фон, скругление. Справа видно, как это выглядит во вкладке.
Скачайте ZIP
Внутри ICO, все PNG, манифест и HTML-сниппет — остаётся положить файлы в корень сайта.
Частые вопросы
Зачем нужен именно .ico, если есть PNG?
Старые версии браузеров и некоторые агрегаторы ищут /favicon.ico в корне сайта, не читая HTML. Файл содержит сразу три размера — 16, 32 и 48 пикселей, поэтому система выбирает подходящий сама.
Почему иконка выглядит кашей?
В 16 пикселях помещается очень мало: сложный логотип с тонкими линиями и текстом превращается в пятно. Возьмите один знак или букву, добавьте отступ от краёв и проверьте самый маленький предпросмотр — он показывает реальный размер.
Что делать с манифестом?
Файл site.webmanifest нужен, чтобы Android и PWA показывали правильную иконку при добавлении сайта на главный экран. Положите его рядом с иконками и оставьте ссылку из HTML-сниппета.
Прозрачный фон подойдёт?
Да, и часто он лучше: иконка ляжет и на светлую, и на тёмную вкладку. Проверьте оба предпросмотра — если знак пропадает на тёмном фоне, добавьте подложку.
Файл загружается на ваш сервер?
Нет. Всё считается в браузере на вашем устройстве: файл не уходит к нам и нигде не сохраняется. Закрыли вкладку — не осталось ничего.
Под капотом — НанаБанана Ai
Утилита выше правит пиксели по формулам. Основной сервис меняет само содержание кадра: убирает лишние объекты, заменяет фон и одежду, реставрирует старые снимки, собирает карточки товара и портреты по вашему фото — на нейросетях, с русскими лицами и кириллицей в кадре.
Другие инструменты
УтилитыИконка сайта — мелочь, которую замечают только когда её нет: во вкладке появляется серый лист, а в закладках сайт теряется среди остальных. Сложность в том, что одного файла давно недостаточно: браузерам нужен ICO в корне, iOS просит apple-touch-icon на 180 пикселей, Android и PWA берут иконки из манифеста на 192 и 512. Генератор собирает весь набор из одной картинки, показывает, как знак читается в 16 пикселях, и отдаёт ZIP вместе с готовым HTML-сниппетом.
Ключевые запросы: генератор favicon онлайн, сделать иконку сайта, favicon ico из png, apple touch icon
Используем Яндекс.Метрику для аналитики. Подробнее