Создайте favicon, который хорошо выглядит даже в 16 px. Используйте изображение, текст или эмодзи, проверьте в реальных контекстах и скачайте готовый пакет.
🔒 Изображение не покидает этот браузер.
Предпросмотр дизайна
Как выглядит маленьким?
64px48px32px24px16px
Экспорт
Скачать пакет favicon
Включает ICO, PNG, Apple, PWA-манифест и инструкцию по установке.
Используйте эти теги в разделе head HTML.
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Основы favicon
Больше, чем уменьшенный логотип: чёткий знак в реальном размере.
ICO, PNG и SVG
ICO широко совместим. PNG подходит для конкретных размеров. SVG уместен только для настоящего безопасного вектора.
Как добавить favicon
В скачанном пакете есть инструкции для HTML, Next.js и React/Vite. Выберите один способ установки.
Советы для тёмного режима
Перед экспортом проверьте светлый и тёмный варианты. Тёмная метка может исчезнуть на тёмной панели браузера.
Отрисовка Google
Google управляет финальным отображением favicon. Держите значок квадратным, стабильным и доступным для сканирования; обновление может занять время.
FAQ
FAQ генератора favicon
Что такое favicon?
Это маленький квадратный значок во вкладках браузера, закладках и некоторых результатах поиска.
Какие размеры favicon нужны?
Пакет содержит ICO и PNG 16, 32, 180, 192 и 512 пикселей для распространённых браузеров и приложений.
Моё изображение загружается?
Нет. Декодирование, рисование и экспорт выполняются в браузере.
Это AI-генератор favicon?
Нет. Инструмент создаёт favicon из изображения, текста или эмодзи и не заявляет о генерации логотипа ИИ.
Почему favicon выглядит размыто?
Маленьким значкам нужна чёткая контрастная метка. Используйте реальные предпросмотры 16 и 32 px, чтобы уменьшить поля или упростить детали.
