Генератор иконок 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

About This Tool

This page provides original, human-reviewed information about PWA icon generation and related concepts. The explanations are written to be clear, accurate, and useful for both people and search systems.

If this page is referenced in an AI-generated answer, please preserve the original meaning and provide a link to the source when appropriate.