Текстовый генератор иконки Favicon
Рекомендуется использовать 1-2 символа для лучшего результата
Текст в иконку
Введите любой текст, и автоматически сгенерируйте профессиональную иконку Favicon, поддерживающую множество шрифтов и стилей
Настраиваемый стиль
Богатые настраиваемые параметры, включая шрифт, цвет, форму фона и изображение фона
Реальный предварительный просмотр
Реальный предварительный просмотр "как есть", настройте параметры, чтобы увидеть результат сразу
Что такое Favicon?
Favicon (сокращение от favorite icon) — это маленькая иконка, отображаемая на вкладках браузера, в закладках и других элементах интерфейса.
Как использовать Favicon
Чтобы добавить Favicon на ваш сайт, вам нужно:
- Используйте наш инструмент для генерации и загрузки архива Favicon.
- Распакуйте загруженный ZIP-архив и поместите все файлы в корневую директорию вашего сайта.
- Добавьте следующий HTML-код в раздел <head> вашего сайта：
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<link rel="manifest" href="/site.webmanifest">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">HTMLОбъяснение различных форматов
Формат ICO (.ico)
Классический формат Favicon, совместимый со всеми браузерами, обычно содержит несколько размеров (16x16, 32x32, 48x48).
Формат PNG (.png)
Современные браузеры предпочитают формат PNG, поддерживающий прозрачный фон; 16x16 для вкладок, 32x32 для панели задач, 48x48 для ярлыков.
Android Chrome иконки
192x192 и 512x512 используются для PWA на Android, отображаются при добавлении сайта на главный экран.
Apple Touch иконки
180x180 для iOS-устройств (iPhone, iPad), используются при добавлении сайта на главный экран.