Главная / Дизайн / Генератор фавиконов и иконок приложений
Иконки и брендинг

Генератор favicon и иконок приложений

Загрузите логотип, посмотрите превью иконок в разных размерах, скачайте PNG и скопируйте HTML‑сниппет для сайта или PWA.

Файл не выбран
Используйте квадратный PNG или SVG с достаточным разрешением (рекомендуется не менее 512×512).
Используется как подложка и как theme-color в рекомендуемом HTML‑сниппете.
Выберите размеры для генерации. Нажмите на иконку или подпись ниже, чтобы скачать PNG.

Превью иконок

Нажмите на любую иконку или подпись, чтобы скачать этот размер в PNG. Сохраните файлы в проект (например, в /assets/icons).

Генератор работает полностью в браузере. Не забудьте загрузить скачанные PNG и подправить пути в сниппете под структуру проекта.

Любому серьёзному проекту нужны понятный favicon во вкладках браузера, иконка Apple touch для iOS и иконки для Android и PWA. Этот инструмент помогает получить их из одного изображения: загрузите квадратный логотип, выберите размеры, скачайте PNG и вставьте готовый HTML‑сниппет в сайт.

Зачем нужны favicon и иконки приложений

  • Favicon — маленькая иконка во вкладке браузера и в закладках. Без неё вкладка выглядит безлико, бренд хуже узнаётся.
  • Apple touch icon — используется, когда пользователь добавляет сайт на главный экран iPhone и iPad. Правильный размер (например 180×180) даёт чёткую иконку.
  • Иконки PWA / Android — нужны для «Добавить на главный экран» и установки. Обычные размеры: 192×192 и 512×512.

Один квадратный исходник может закрыть все эти задачи. Генератор работает полностью в браузере: логотип не покидает ваше устройство.

Рекомендуемое исходное изображение

Используйте квадратное изображение (PNG или SVG) не менее 512×512 пикселей. Большее разрешение допустимо — инструмент уменьшит. Избегайте мелких или растянутых картинок, чтобы иконки оставались чёткими на экранах с высокой плотностью пикселей.

Быстрый старт с инструментом

  1. Загрузка — Нажмите «Выбрать файл» и выберите логотип (PNG или SVG, квадратный, 512×512 или больше).
  2. Фон — Выберите цвет фона, если логотип с прозрачностью; он также подставится как theme-color в сниппет.
  3. Размеры — Отметьте нужные размеры (favicon 16/32, Apple 180, PWA 192/512 и т.д.).
  4. Скачивание — Нажмите на любое превью, чтобы скачать этот размер в PNG, или «Скачать всё архивом ZIP», чтобы получить все сразу.
  5. Сниппет — Скопируйте HTML‑блок и вставьте в <head> сайта. Загрузите PNG на сервер (например в /assets/icons/) и при необходимости поправьте пути в сниппете.

Куда положить файлы

Типичная схема:

  • Иконки храните в папке вроде /assets/icons/ или в корне.
  • В сниппете укажите в href актуальные пути (например /assets/icons/favicon-32x32.png).
  • Для PWA добавьте site.webmanifest с теми же путями к иконкам 192×192 и 512×512.

Итог

Генератор favicon и иконок приложений позволяет из одного логотипа получить все нужные размеры и готовый сниппет для <head>. Используйте квадратное изображение в хорошем разрешении, скачайте PNG и вставьте сниппет в проект.

  1. Загрузите квадратное изображение (PNG или SVG, рекомендуется не менее 512×512).
  2. Выберите цвет фона и размеры иконок (favicon, Apple touch, PWA).
  3. Нажмите на превью, чтобы скачать каждый PNG, затем вставьте HTML‑сниппет в <head> сайта.

Частые вопросы

Не менее 512×512 пикселей для лучшего качества. Квадратные изображения подходят лучше; инструмент масштабирует и центрирует логотип.

Стандартные favicon: 16×16 и 32×32. Apple: 180×180. PWA: 192×192 и 512×512. Наш сниппет включает эти размеры.

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

Похожие инструменты

Конвертер изображений Удаление фона изображения Генератор ссылок с таймкодом YouTube Конструктор UTM-ссылок

Этот инструмент предназначен исключительно для личного и образовательного использования. Мы не размещаем и не храним контент пользователей или медиафайлы на наших серверах. Вся обработка происходит локально в вашем браузере. Мы не связаны и не одобрены никакими упомянутыми социальными сетями, платформами или компаниями. Используйте этот сервис на свой страх и риск, соблюдая правила соответствующих платформ.