Генератор PWA иконок: создание адаптивных иконок онлайн

Сделайте ваше PWA нативным на всех платформах с помощью иконок правильного размера и формата.

Конфиденциальность прежде всего

  • Файлы никогда не покидают ваш браузер
  • Без загрузки на сервер
  • Обработка происходит локально на вашем устройстве

Что такое иконка PWA и зачем нужна «Maskable Icon»?

Иконка PWA — это визуальный символ веб-приложения при его «установке». Современные системы Android используют «маскируемые иконки» для обрезки в разные формы. Маскируемая иконка имеет заданную «безопасную зону», гарантируя видимость вашего бренда при любых темах системы.

3 шага к профессиональному набору иконок PWA

Больше никакого головной боли с кодингом или файлами манифеста. Узнайте, как завершить проект иконок PWA прямо в браузере за секунды.

  1. Загрузите мастер-иконку (512x512): Используйте PNG для максимальной четкости.
  2. Создание Maskable и стандартных иконок: Масштабирование и соблюдение стандартов происходит мгновенно.
  3. Копируйте манифест-сниппет и скачивайте: Получите код и файлы для 100/100 баллов в Lighthouse.

Преимущества Pixes.app

Соответствие Lighthouse для идеального скора. Мы генерируем и изображения, и код manifest.json. Всё происходит локально в браузере для 100% приватности. Бесплатно, быстро и без регистрации. Поддержка стандартов 2026 года для Android и iOS.

Как использовать этот инструмент

  1. Выберите изображение с самым высоким разрешением, лучше всего PNG размером 512x512 пикселей. Нажмите «Выбрать изображение».
  2. Как только файл загружен, наш инструмент одновременно генерирует версии 192x192 (общая), 512x512 (Splash Screen) и «maskable-icon-512x512».
  3. Мы генерируем массив «icons», который вам нужно вставить в файл manifest.json. Нажмите «Копировать код» и скачайте весь набор в одном ZIP-архиве.

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

Вопросы и ответы (FAQ)

Какой формат файла лучше для PWA?
Стандартом является формат PNG. Прозрачные PNG — лучший выбор для совместимости.
Что такое «Maskable» иконка?
Это иконка, которая позволяет Android обрезать ее в различные формы без нарушения оригинального логотипа.
Какие иконки нужно добавить в manifest.json?
Как минимум 192x192 и 512x512. Наш инструмент предоставляет готовый блок кода.
Почему иконка PWA не появляется после установки?
Чаще всего это происходит из-за неверного пути в manifest.json. Убедитесь, что пути точно совпадают с папками вашего проекта.