ESC

Загрузите исходное изображение

Перетащите изображение сюда

Лучше всего подходит квадратный PNG, JPG или SVG (до 8 МБ).

Краткие рекомендации

  • Используйте исходное изображение не менее 1024×1024 пикселей для чёткого результата.
  • Располагайте важные элементы по центру — мелкие иконки обрезаются сильнее.
  • Прозрачные PNG лучше смотрятся на тёмных темах браузера.
  • Обновите пути в сгенерированном коде в соответствии с вашим проектом.

HTML-код

Вставьте эти строки внутрь тега вашего сайта.

Предпросмотр манифеста


                

Зачем использовать генератор фавиконов?

Полный пакет

PNG всех размеров, favicon.ico, манифест и browserconfig в одном архиве.

Умное масштабирование

Автоматическое центрирование и масштабирование изображения для каждого разрешения.

Готовый HTML-код

Копируйте сгенерированные строки для тега .

Конфиденциальность

Всё работает в браузере — никаких загрузок на сервер.

Как пользоваться генератором фавиконов?

1

Загрузите изображение

Загрузите квадратный PNG, JPG или SVG-логотип (до 8 МБ).

2

Выберите размеры и стиль

Укажите размеры фавиконов, стиль фона и скругление углов.

3

Просмотрите результат

Проверьте каждый размер иконки и скопируйте HTML-код при необходимости.

4

Скачайте пакет

Скачайте ZIP-архив с PNG, favicon.ico, манифестом и файлами browserconfig.

Часто задаваемые вопросы

Квадратный прозрачный PNG размером 1024x1024 пикселей или больше. SVG и JPG тоже подходят.

Нет. Всё обрабатывается в браузере — ничего не покидает ваше устройство.

Да. Сгенерированный манифест включает иконки 192x192 и 512x512, необходимые для PWA.

Что такое генератор фавиконов?

Генератор фавиконов берёт одно изображение и создаёт иконки всех нужных размеров — favicon.ico, Apple touch icon, иконки для Android-манифеста и другие. Вместо ручного изменения размеров в Photoshop вы загружаете изображение один раз и скачиваете готовый пакет.

Что входит в пакет

Инструмент создаёт мультиразмерный ICO-файл, отдельные PNG от 16x16 до 512x512, Apple touch icon, а также HTML-код и site.webmanifest, которые можно сразу добавить в проект. Всё соответствует актуальным стандартам браузеров и PWA.

Типичные сценарии использования

Запуск нового сайта, когда нужно подготовить все иконки за один раз. Ребрендинг и замена фавиконов на нескольких ресурсах. Создание PWA, где нужны иконки манифеста точных размеров.

Советы для лучшего результата

Начните с квадратного изображения не менее 1024x1024 пикселей. Прозрачные PNG дают максимальную гибкость. Делайте дизайн простым — фавиконы мелкие, и мелкие детали теряются на малых размерах.

Конфиденциальность

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

Безопасность и конфиденциальность

Безопасность ваших данных — наш приоритет

Локальная обработка

Вся обработка происходит в вашем браузере

Без передачи данных

Ваши данные не отправляются на наши серверы

Без хранения данных

Данные не хранятся и не передаются

SSL-шифрование

SSL-шифрование для безопасного соединения

Next Step