F
Favicon.pub

Текстовый генератор иконки Favicon

Введите текст, настройте стиль, создайте свою уникальную иконку Favicon.

Рекомендуется использовать 1-2 символа для лучшего результата

Текст в иконку

Введите любой текст, и автоматически сгенерируйте профессиональную иконку Favicon, поддерживающую множество шрифтов и стилей

Настраиваемый стиль

Богатые настраиваемые параметры, включая шрифт, цвет, форму фона и изображение фона

Реальный предварительный просмотр

Реальный предварительный просмотр "как есть", настройте параметры, чтобы увидеть результат сразу

Что такое Favicon?

Favicon (сокращение от favorite icon) - это маленький значок, который отображается в браузерных вкладках, закладках и других элементах интерфейса. Он помогает пользователям быстро идентифицировать ваш сайт среди множества открытых вкладок и закладок.

Как использовать Favicon

Чтобы добавить Favicon на ваш сайт, вам нужно:

  1. Используйте наш инструмент для генерации и загрузки архива Favicon.
  2. Распакуйте загруженный ZIP-архив и поместите все файлы в корневую директорию вашего сайта.
  3. Добавьте следующий 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, совместимый со всеми браузерами, включая устаревшие версии Internet Explorer. Обычно содержит несколько размеров (16x16, 32x32, 48x48).

Формат PNG (.png)

Современные браузеры предпочитают формат PNG, поддерживающий прозрачный фон, меньший размер файла. 16x16 используется для вкладок, 32x32 для панели задач, 48x48 для десктопных ярлыков.

Android Chrome иконки

192x192 и 512x512 используются для PWA (Прогрессивные веб-приложения) на Android-устройствах, отображаются при добавлении сайта на главный экран.

Apple Touch иконки

180x180 специально для iOS-устройств (iPhone, iPad), используются при добавлении сайта на главный экран. Apple автоматически добавляет скругление и эффект блеска.