PixoateГенератор фавиконов — создание всех размеров фавикона из изображения
Загрузите любое изображение и мгновенно получите полный набор фавиконов: favicon.ico с несколькими разрешениями, плюс PNG 16, 32, 48, 180 (Apple), 192 и 512 (PWA) и site.webmanifest, упакованные в ZIP.
Перетащите свой логотип, чтобы сгенерировать favicon всех размеров
Включает favicon.ico, site.webmanifest + HTML-фрагмент
Закончили с Генератор фавиконов? Попробуйте эти
Тщательно подобранные инструменты, которые хорошо сочетаются с Генератор фавиконов. Продолжайте, не теряя файл.
Конвертер ICO
Конвертируйте PNG / JPG / SVG в значок Windows .ico с несколькими разрешениями (16 / 32 / 48 / 64 / 128 / 256 px и больше).
Попробовать сейчасSVG в PNG
Растрируйте любой SVG в чёткий PNG с масштабом от 1x до 8x на прозрачном, белом или произвольном фоне.
Попробовать сейчасPNG в WebP
Конвертируйте PNG в WebP и уменьшайте размер файла на 60–80%, сохраняя каждый прозрачный пиксель. Ползунок качества, опциональный режим без потерь.
Попробовать сейчасИзображение в стикер
Превратите любое фото в стикер в стиле печатной наклейки с ИИ-удалением фона и настраиваемым белым контуром. Идеально для WhatsApp, Telegram, iMessage.
Попробовать сейчасИзменить размер изображения
Меняйте размер изображений JPG, PNG, GIF, WebP или SVG до точной ширины и высоты или масштабируйте в процентах — обработайте одно изображение или сразу несколько с упаковкой в ZIP. Живой предпросмотр, сохранение пропорций и качества. Бесплатно, без регистрации, без водяных знаков.
Попробовать сейчасПипетка цвета
Выбирайте цвет любого пикселя на фотографии (HEX / RGB / HSL) или автоматически извлекайте доминирующую палитру. Экспортируйте в виде JSON или CSS-переменных.
Попробовать сейчасЧасто задаваемые вопросы
Для современных браузеров и устройств нужны шесть размеров: 16×16 и 32×32 для вкладок браузера, 48×48 для иконок сайта в Windows, 180×180 для значка Apple touch (главный экран iOS) и 192×192 + 512×512 для главных экранов Android и запросов на установку PWA. Наш генератор создаёт все шесть размеров плюс site.webmanifest из одного исходного изображения.
usageБольшинство современных браузеров предпочитают теги ссылок на PNG (rel="icon" type="image/png"), поэтому файл ICO больше не требуется. Мы пропускаем устаревший ICO и предоставляем фавиконки PNG с правильными размерами для каждой современной цели. Если вам нужно поддерживать Internet Explorer или очень старый Chrome, вы можете отдельно конвертировать один из PNG в ICO.
technicalМанифест веб-приложения — это файл JSON, который сообщает Android, Chrome и Edge, как ваш сайт должен выглядеть при установке в виде прогрессивного веб-приложения: значок, название, цвет темы и режим отображения. Наш генератор включает стартовый манифест, ссылающийся на значки Android Chrome; вам нужно лишь изменить название и theme_color.
featuresКвадратный (1:1) PNG размером 512×512 или больше даёт самый чистый результат на любом размере. Избегайте мелких деталей, которые пропадают при 16×16 — фавиконки лучше всего работают с одной выразительной формой и высоким контрастом. Прозрачные PNG подходят: инструмент добавляет поля, чтобы значок располагался по центру на каждом размере.
tipsВаше исходное изображение загружается по HTTPS на наш защищённый сервер, который отрисовывает все размеры favicon и site.webmanifest и возвращает их в виде ZIP, затем автоматически удаляет загрузку после обработки. Скачивания без водяного знака, и ничего не хранится и не передаётся, так что это безопасно для неопубликованных продуктов и предзапусковых брендов.
privacyРаспакуйте скачанный архив в папку /public (или корень сайта), затем добавьте прилагаемый HTML-фрагмент в ваш <head>: link-теги для PNG-иконок плюс ссылку на site.webmanifest. Выполните жёсткое обновление сайта (Cmd+Shift+R) — браузеры агрессивно кешируют фавиконы, поэтому для появления новой иконки может потребоваться очистить кеш.
usageДа — изображения PNG размером 192×192 и 512×512 — это именно то, что Chrome и Edge ищут, чтобы признать сайт устанавливаемым PWA. Вместе с манифестом они проходят проверку устанавливаемости PWA в Lighthouse.
technicalДа. Без водяных знаков, без регистрации, без лимита на использование — и ZIP остаётся вашим навсегда. Мы добавили этот инструмент, потому что каждому разработчику рано или поздно нужен набор favicon, а существующие генераторы были либо завалены рекламой, либо требовали плату за результаты высокого разрешения.
pricingFavicon — это маленький значок, который браузер показывает рядом с заголовком страницы во вкладке, в закладках и в истории. Он также используется в качестве иконки, когда кто-то добавляет ваш сайт на главный экран телефона или устанавливает его как приложение. Загрузите сюда свой логотип, и генератор создаст полный набор размеров favicon вместе с site.webmanifest в одном ZIP.
usageДа — загрузчик принимает исходные файлы PNG, JPEG, WebP и SVG, а не только PNG. SVG стоит использовать, если он у вас есть: поскольку это вектор, каждый выходной размер от 16 до 512 рендерится заново из векторных данных, а не масштабируется вверх из растра, поэтому края остаются чёткими даже при 512×512. JPEG и WebP тоже работают нормально, хотя любую прозрачность сначала следует свести на фон, поскольку JPEG не может хранить альфа-канал.
technicalКак Генератор фавиконов помогает вам справиться с задачей
Реальные задачи, которые он решает каждый день, — для бизнеса, авторов и повседневных дел. Найдите подходящий вам сценарий и начните за секунды.
Запуски инди-разработчиков
Основателям-одиночкам, выпускающим свой MVP, перед запуском нужен аккуратный favicon. Сгенерируйте все размеры из единственного изображения логотипа вместе с манифестом в один клик — без Figma и без подписки на дизайн-сервисы.
Настройка клиента для агентства
При сдаче нового сайта клиенту набор фавиконов редко закладывают в бюджет, но всегда ожидают. Сгенерируйте ZIP в конце проекта, поместите его в /public и отметьте задачу как выполненную.
Возможность установки PWA
Чтобы пройти проверку устанавливаемости в Chrome, вашему манифесту нужны иконки 192×192 и 512×512. Наш результат соответствует этому требованию из коробки, а также включает соответствующие теги в HTML-секции head.
Рабочие пространства для нескольких брендов
Агентства и консультанты, работающие с несколькими клиентскими брендами, могут заново сгенерировать набор favicon за 10 секунд при каждом ребрендинге — без необходимости поддерживать экшен в Photoshop.
Брендинг проектов с открытым исходным кодом
Сайтам на GitHub Pages, Vercel, Netlify и Cloudflare Pages нужны favicon, чтобы выглядеть аккуратно во вкладках браузера. Добавьте сгенерированные файлы в репозиторий — и ваш проект выглядит завершённым.
Обновление бренда
При смене логотипа заново сгенерируйте все нужные размеры — включая иконку Apple touch 180px и иконку Android PWA 512px — без ручного повторного экспорта из Illustrator.
Иконки для манифеста расширения браузера
Возьмите PNG размером 16, 32 и 48px прямо из ZIP для объекта icons в вашем manifest.json — быстрый способ получить корректные иконки расширения без ручного экспорта каждого размера в графическом редакторе.
Заполнение пробела с фавиконом на no-code сайтах
Webflow, Framer и Wix редко создают полный набор фавиконок самостоятельно; загрузите свой логотип здесь и за считанные минуты вставьте полученные размеры и HTML-фрагмент в панель пользовательского кода или настроек SEO вашего сайта.
Придайте блогу о хобби завершённый вид
Личные блоги на Ghost, Jekyll или Hugo часто выпускаются вообще без favicon; создайте полный набор из портрета или нарисованного от руки логотипа, чтобы вкладка браузера выглядела продуманно, а не пусто.
Исправление фавикона, отмеченного в SEO-аудите
Отсутствующий или сломанный favicon — частое замечание в отчётах Lighthouse и SEO-краулеров, и он незаметно снижает кликабельность в результатах поиска и закладках. Пересоздайте полный комплект за одну загрузку и закройте это замечание уже сегодня.