Генератор иконок приложений для iOS, Android и PWA — создать иконку из PNG или SVG
Загрузите одну квадратную картинку — генератор сделает из неё иконки всех нужных размеров для iOS, Android и PWA и упакует их в ZIP. Исходник никуда не загружается: вся нарезка идёт в браузере.
Перетащите PNG 1024×1024 или SVG
Квадратная картинка от 1024 px или вектор. До 50 файлов по 10 МБ — файлы не покидают ваш компьютер.
Возьмите иконку из каталога
Как пользоваться
Как сделать иконки приложения
- Подготовьте квадратный PNG 1024×1024 px или SVG и перенесите его в окно генератора — или выберите файл, или вставьте из буфера через Ctrl+V.
- Генератор пересчитает изображение во все размеры для iOS, Android и PWA.
- Скачайте ZIP и разложите файлы по проекту.
Какие размеры нужны платформам
| Платформа | Размеры, px | Назначение |
|---|---|---|
| iOS | 20–180, 1024 | главный экран, настройки, поиск, уведомления, App Store |
| Android | 48, 72, 96, 144, 192 | лаунчер для плотностей от mdpi до xxxhdpi |
| Google Play | 512 | страница приложения в магазине |
| PWA и веб | 180, 192, 512 | apple-touch-icon и иконки в манифесте |
Требования, о которых часто забывают
- Без прозрачности для iOS. App Store не пропускает иконки с альфа-каналом — залейте фон цветом.
- Без скруглений. Маску накладывает система, а свои скругления под ней превращаются в заметные уголки.
- Безопасная зона. Адаптивные иконки Android обрезаются маской: из слоя 108×108 dp видна центральная часть 72×72 dp, а логотип лучше уместить в 66×66 dp. У maskable-иконок PWA всё важное держите в центральном круге.
- Мелкие детали. На 40 px тонкие линии и текст сливаются — проверяйте иконку в самом маленьком размере.
Исходник остаётся у вас
Генератор нарезает иконки на Canvas прямо в браузере и упаковывает ZIP на вашем устройстве — логотип будущего приложения не попадает ни на какой сервер. Лимит — 10 МБ на файл; за раз можно загрузить до 50 исходников, например для тестовой и рабочей сборки.
Где взять картинку
Хорошо подходят 3D-иконки: они есть в PNG 1024 px — ровно столько нужно для App Store, только подложите под них цветной фон. Такую иконку генератор примет напрямую из блока «Возьмите иконку из каталога». Для банковского приложения посмотрите иконки финансов, для фитнес-трекера — иконки спорта, для записи к врачу — медицинские иконки.
Векторную иконку или логотип переведите в PNG 1024 px, отдельный размер подгоните инструментом изменения размера, а значок для сайта соберите в генераторе favicon. Все размеры с пояснениями — в статье какие размеры иконок нужны приложениям.
Частые вопросы
- Какой исходник нужен для иконки приложения?
- Квадратный PNG 1024×1024 px: это размер иконки для App Store, и из него качественно получаются все меньшие версии. Исходник меньше 512 px придётся растягивать, и крупные иконки выйдут мутными.
- Нужно ли скруглять углы у иконки для iOS?
- Нет, iOS сама накладывает маску со скруглёнными углами. Загружайте квадрат без прозрачных областей: иконку с альфа-каналом App Store не примет.
- Какие иконки нужны для PWA?
- В манифесте должны быть PNG 192×192 и 512×512 — без них браузер может не предложить установить приложение. Для maskable-иконки всё важное размещают в центральном круге диаметром 80 % от стороны.
- Что будет в ZIP-архиве?
- PNG всех размеров для iOS, Android и PWA, сгруппированные по платформам. Их остаётся перенести в проект или загрузить в магазин приложений.
- Можно ли загрузить SVG?
- Да. SVG генератор отрисовывает заново в каждом размере, поэтому края остаются чёткими даже на 1024 px. PNG тоже подходит, но лучше брать исходник 1024×1024: если он меньше, генератор предупредит, что крупные иконки выйдут мутными.