Every favicon size from one image
Hand-exporting six icon sizes per site is tedious. Drop one image and get 16–512px PNGs, the Apple touch icon, and site.webmanifest zipped in seconds.
Drop a square image — get every favicon size plus site.webmanifest as a ZIP.
Включает favicon.ico, site.webmanifest + HTML-фрагмент
What you can do with Генератор фавиконов
Everything this tool helps you accomplish — no learning curve, no setup.
- Generate every favicon size from one image
- Create Apple touch and Android home-screen icons
- Get a ready-to-use site.webmanifest file
- Download all favicon sizes as a single ZIP
- Add a crisp browser-tab icon to your website
Закончили с Генератор фавиконов? Попробуйте эти
Тщательно подобранные инструменты, которые хорошо сочетаются с Генератор фавиконов. Продолжайте, не теряя файл.
Конвертер ICO
Windows and browsers need .ico, not PNG. Convert PNG, JPG, or SVG into one multi-resolution .ico (16–256 px) ready for favicons and desktop apps in seconds.
Попробовать сейчасSVG в PNG
Slack, docs, and most apps can't use SVG. Export your vector as a sharp PNG at 1×–8× scale with a transparent, white, or custom background — in seconds.
Попробовать сейчасPNG в WebP
PNGs are bloating your page load. Convert them to WebP at a fraction of the size with every transparent pixel intact — in seconds.
Попробовать сейчасИзображение в стикер
Plain photos look out of place in chats. Cut the background, wrap a white outline around your subject, and export a sticker sized for WhatsApp, Telegram, and iMessage in seconds. Free to start.
Попробовать сейчасИзменить размер изображения
Wrong size for the platform? Set exact width and height or scale by percent, preview live, and download without quality loss — in seconds. Free to start; batch resize with Premium.
Попробовать сейчасПипетка цвета
Stop guessing HEX codes from screenshots. Click any pixel for HEX, RGB, and HSL, or extract the dominant palette as JSON or CSS variables, right in your browser.
Попробовать сейчасЧасто задаваемые вопросы
Для современных браузеров и устройств нужны шесть размеров: 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.
technicalYes. Preview the favicon set before signup, then create a free account to download the ZIP without a watermark. The icon set is rendered on our servers, so signed-in free use has an allowance and Premium removes the cap.
pricingFavicon — это маленький значок, который браузер показывает рядом с заголовком страницы во вкладке, в закладках и в истории. Он также используется в качестве иконки, когда кто-то добавляет ваш сайт на главный экран телефона или устанавливает его как приложение. Загрузите сюда свой логотип, и генератор создаст полный набор размеров favicon вместе с site.webmanifest в одном ZIP.
usageДа — загрузчик принимает исходные файлы PNG, JPEG, WebP и SVG, а не только PNG. SVG стоит использовать, если он у вас есть: поскольку это вектор, каждый выходной размер от 16 до 512 рендерится заново из векторных данных, а не масштабируется вверх из растра, поэтому края остаются чёткими даже при 512×512. JPEG и WebP тоже работают нормально, хотя любую прозрачность сначала следует свести на фон, поскольку JPEG не может хранить альфа-канал.
technicalЗагрузите свой PNG-логотип, и генератор создаст многоразмерный favicon.ico с версиями 16, 32 и 48 пикселей, которые ожидают браузеры, вместе с шестью размерами PNG и файлом site.webmanifest — всё упаковано в один ZIP-архив. Также подходят исходники в JPEG, WebP и SVG, так что любой файл логотипа превращается в favicon без открытия графического редактора.
usageКак Генератор фавиконов помогает вам справиться с задачей
Реальные задачи, которые он решает каждый день, — для бизнеса, авторов и повседневных дел. Найдите подходящий вам сценарий и начните за секунды.
Запуски инди-разработчиков
Основателям-одиночкам, выпускающим свой 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-краулеров, и он незаметно снижает кликабельность в результатах поиска и закладках. Пересоздайте полный комплект за одну загрузку и закройте это замечание уже сегодня.