Генератор иконок PWA

Создавайте иконки для Android и веб‑приложений вместе с готовым manifest‑файлом.

Генерируйте PWA‑иконки размеров 192x192 и 512x512 и получайте заранее настроенный файл site.webmanifest всего из одного исходного изображения.

Click or drag image here

Supports PNG, JPG, SVG, WEBP

Browser favicons (16x16, 32x32, 48x48)

Apple Touch Icons for iPhone & iPad

Android Chrome icons for PWA

SVG favicon & Safari pinned tab icon

Auto-generated site.webmanifest

PWA-ready favicon & manifest

Generate icons for Progressive Web Apps

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

Обработка файлов только в браузере
Отсутствие постоянного хранения загрузок
Автоматическое удаление данных после генерации

Кому подойдёт

Frontend‑ и Full‑Stack‑разработчикам
UI/UX‑дизайнерам
Indie‑разработчикам
Создателям SaaS‑сервисов

Где используется

Иконки PWA‑приложений
Иконки «Добавить на главный экран» в Android Chrome
Оптимизация сценария установки веб‑приложений
Запасные и временные иконки

Создавайте PWA‑иконки за считанные секунды

Прогрессивные веб‑приложения (PWA) требуют строго определённых размеров иконок и корректного web app manifest. Наш инструмент автоматически генерирует все необходимые PWA‑иконки и готовый к использованию файл site.webmanifest.

Что такое иконка PWA?

Иконки PWA используются, когда пользователь устанавливает ваше веб‑приложение на устройство. Они отображаются в разных местах и помогают придать приложению нативный вид:

Главные экраны Android
Запуск приложений / список приложений
Переключатель задач
Экран загрузки / splash‑экраны

Корректно настроенные PWA‑иконки обеспечивают профессиональный и единообразный внешний вид вашего приложения на разных устройствах.

Файлы, которые мы создаём за вас

Файлы иконок

android-chrome-192x192.png
android-chrome-512x512.png

Файл манифеста

site.webmanifest (преднастроен)

Пример:

{
  "name": "My PWA App",
  "short_name": "MyApp",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "display": "standalone"
}

Почему стоит использовать favicon.pub для PWA‑иконок

Размеры иконок, соответствующие требованиям Google
Автоматическая генерация Web App Manifest
Не нужно вручную изменять размеры иконок
Поддержка исходных файлов PNG, JPG и SVG
Быстрая и бесплатная загрузка

Как добавить PWA‑иконки на ваш сайт

Загрузите ваш логотип или изображение.
Скачайте сгенерированные PWA‑иконки и manifest.
Поместите файлы в корневой каталог сайта.
Добавьте ссылку на manifest в HTML.

<link rel="manifest" href="/site.webmanifest">

Иконка PWA и обычный favicon

Тип	Где используется	Требуемые размеры
Favicon	Вкладки браузера	16x16, 32x32
PWA‑иконка	Установка и запуск приложения	192x192, 512x512

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

Нужно ли создавать иконки и 192x192, и 512x512?

Да. Современные браузеры ожидают обе эти величины для корректной установки PWA и чтобы не показывать предупреждения в Lighthouse и других инструментах проверки.

Можно ли использовать SVG‑иконки для PWA?

Для максимальной совместимости мы рекомендуем PNG‑иконки, даже если исходник — SVG. Генератор конвертирует изображение в PNG, которые надёжно работают в разных браузерах и на разных платформах.

Внутренние ссылки

Загрузите изображение и создайте иконки PWA