Проверка вкладок до экспорта
Тестируйте favicon в светлых и тёмных вкладках до генерации файлов.
Создавайте favicon.ico и PNG favicon с живым preview вкладки
Эта страница подходит для сайтов, SaaS и продуктовых лендингов, которым нужен аккуратный favicon-пакет.
Один логотип на входе, иконки для всех платформ на выходе
Сразу видно, как логотип выглядит как favicon, desktop и mobile icon
Browser
Desktop
Mobile
Попробовать генератор
Эта страница оптимизирована под favicon.ico, видимость во вкладке браузера и читаемость на маленьких размерах.
Живой предпросмотр
Preview вкладки показывает, останется ли знак узнаваемым в реальном браузерном интерфейсе.
Предпросмотр вкладки браузера
IconBase
IconBase (Dark)
Google Search
iconbase.7-image.com
Предпросмотр macOS Dock
App
Предпросмотр панели задач Windows
App
10:00
Предпросмотр мобильного экрана
9:41
IconBase
App
App
App
10:00
Search...
App
App
App
IconBase
Настройки и экспорт
Настраивайте фон и отступ специально под 16x16 и 32x32.
Сменить изображение
По умолчанию загружено демо-изображение. Добавьте свой логотип, чтобы проверить реальный экспорт.
Настройка изображения
Точно подстройте загруженное изображение перед экспортом.
Standard Rounded
20%
22.5%
0%
центр = 0
Смещайте загруженное изображение относительно центра с помощью X/Y-сдвига.
0%
0%
Aurora Mesh
Сплошные цвета
Градиенты
Mesh и Grid
Стекло
Паттерны
Свечение
В zip входит:
favicon-16x16.png16x16
favicon-32x32.png32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / Острые углы
desktop-*.png256/1024
site.webmanifestJSON
favicon.ico плюс PNG-размеры
Создавайте favicon.ico вместе с PNG 16x16 и 32x32 для современных и legacy-сценариев.
Согласованная web icon system
Сохраняйте единый визуальный подход для browser tab, закладок, Apple touch icon и Android install icons.
Как сделать favicon-пакет
1. Загрузите web-символ
Используйте компактный знак или упрощённую версию логотипа.
2. Оптимизируйте под маленькие размеры
Подберите отступ и фон так, чтобы иконка читалась в 16x16 и 32x32.
3. Скачайте favicon-пакет
Экспортируйте zip с favicon.ico, PNG и manifest.
FAQ по favicon
Входит ли favicon.ico?
Да. Zip содержит favicon.ico помимо PNG favicon.
Зачем нужен preview вкладки?
Favicon отображается очень маленьким, поэтому preview вкладки лучше показывает реальные проблемы читаемости.
Подходит ли экспорт для PWA?
Да. В пакет также входят Apple touch, Android Chrome и manifest.