Генератор иконок для WebApp / PWA

Загрузите одну иконку (рекомендуем 1024×1024) — и мы создадим все необходимые размеры для вашего Progressive Web App. Скачайте готовый набор и код для вставки.

Загрузите иконку

Перетащите или выберите файл

Поддерживаются PNG, JPG, WEBP, SVG
Рекомендуемый размер: 1024×1024

Готовый набор иконок

Загрузите иконку и нажмите «Генерировать иконки»

📦 Все размеры
📖 Инструкция

Как использовать готовые иконки

Пошаговая инструкция по установке иконок на ваш сайт

1
Загрузите иконку

Выберите или перетащите файл с иконкой. Рекомендуемый размер — 1024×1024 пикселей.

2
Скачайте архив

Нажмите кнопку «Скачать все (ZIP)» и сохраните архив с иконками на компьютер.

3
Распакуйте и загрузите

Распакуйте архив и загрузите папку icons в корень вашего сайта.

4
Добавьте код

Скопируйте готовый HTML-код из результата и вставьте в <head> вашего сайта.

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

Вопросы о иконках для WebApp

Ответы на частые вопросы о генерации иконок

Рекомендуемый размер — 1024×1024 пикселей (квадратная). Это позволит нам сгенерировать все необходимые размеры без потери качества. Формат: PNG с прозрачностью — идеально, но также поддерживаются JPG, WEBP и SVG.

Генерируются следующие размеры:
  • PWA: 192×192, 512×512
  • iOS: 180×180, 120×120, 152×152, 167×167
  • Favicon: 16×16, 32×32, 48×48 (в формате PNG)
  • Android (maskable): 192×192, 512×512

Maskable-иконки — это иконки, которые адаптируются под разные формы (круг, скруглённый квадрат, квадрат) на Android-устройствах. Они имеют специальные отступы (safe zone), чтобы изображение не обрезалось. Мы автоматически добавляем отступы при генерации.

Нет, мы генерируем готовый HTML-код, который нужно просто скопировать и вставить в секцию <head> вашего сайта. Единственное, что может потребоваться — изменить пути к папке icons, если вы загрузили её не в корень сайта.