Перейти к содержимому

Создать иконки приложений для iOS и Android

Превратите одно изображение во все размеры иконок для iOS, Android, PWA и favicon, с каталогом ресурсов Xcode и слоями адаптивной иконки. ZIP-архив собирается прямо в браузере.

Перетащите рисунок иконкиPNG, JPG, WebP или SVG · лучше всего от 1024 × 1024 px · до 50 MB
Выбрать файлОбработка на вашем устройстве — файлы не покидают его

Из одного изображения получится иконок PNG для iOS, Android и веба: 39. В комплекте Contents.json, XML адаптивной иконки, favicon.ico и веб-манифест. Всё рисуется в браузере.

Работает в браузере · без загрузки на серверКак это работает

Как пользоваться: Генератор иконок приложений

  1. 1

    Добавьте изображение

    Перетащите квадратный файл PNG, JPG, WebP или SVG, лучше размером от 1024 × 1024 пикселей. Логотип с прозрачным фоном тоже подойдёт.

  2. 2

    Выберите платформы

    Оставьте iOS, Android и «Веб и PWA» или снимите галочки с тех, для которых вы не выпускаете приложение. Затем выберите полный набор размеров Xcode или одну иконку 1024 px.

  3. 3

    Настройте внешний вид

    Задайте отступ, цвет фона и размер изображения внутри адаптивных и maskable-иконок. Проверьте направляющие безопасной зоны и формы лаунчеров.

  4. 4

    Скачайте ZIP

    Нажмите «Скачать ZIP» и скопируйте каждую папку в свой проект. В файле README внутри архива указано, куда класть каждый файл.

Лимиты и Pro

Бесплатно и без водяных знаков: одно исходное изображение до 50 MB за раз, до 44 иконок PNG в одном ZIP (по умолчанию 39, ещё 5 добавляет слой тематической иконки), скачивание без ограничений.

О инструменте «Генератор иконок приложений»

Генератор иконок приложений превращает одну картинку в полный набор иконок для мобильного или прогрессивного веб-приложения. Файлы называются и раскладываются по папкам так, как ждут Xcode, Android Studio и браузеры. Если выбрать все платформы, в ZIP попадут 39 файлов PNG: 15 для каталога ресурсов iPhone и iPad, включая иконку App Store 1024 px, 15 изображений лаунчера Android для плотностей от mdpi до xxxhdpi, иконка Google Play 512 px и 8 веб-иконок. Среди них размеры 192 и 512 px для манифеста, maskable-версии, apple-touch-icon 180 px и favicon 16, 32 и 48 px.

Вместе с картинками вы получите Contents.json для AppIcon.appiconset, XML из mipmap-anydpi-v26 для адаптивных иконок Android 8 с ресурсом цвета фона, favicon.ico с тремя размерами, блок icons для manifest.webmanifest и HTML-теги link. Файлы для iOS записываются без альфа-канала, потому что Xcode не принимает иконки App Store с ним. Каждый размер уменьшается от мастера 1024 px шагами вдвое, поэтому мелкие иконки остаются чёткими.

Инструмент не рисует иконку и не удаляет фон за вас. Для заднего слоя адаптивной иконки он использует однотонный цвет, а не второе изображение. Превью «Сквиркл», «Капля» и круг имитируют популярные лаунчеры, но каждый производитель телефонов рисует свою маску, так что проверьте результат на настоящем устройстве.

Конфиденциальность

Ваше изображение декодируется, уменьшается и упаковывается в ZIP прямо во вкладке браузера с помощью canvas и локального Web Worker. Оно не покидает ваше устройство, ничего не загружается на сервер и нигде не хранится.

Возможности

Каталог ресурсов Xcode

AppIcon.appiconset с Contents.json, все размеры для iPhone и iPad, PNG без альфа-канала.

Адаптивные иконки Android

Слои переднего плана, ресурс цвета фона, круглые иконки, тематический слой и Play Store 512.

PWA и favicon

Иконки манифеста, maskable-версии, apple-touch-icon, favicon.ico и готовые HTML-теги.

Генератор иконок приложений: частые вопросы

Какого размера должно быть исходное изображение?
Возьмите квадратное изображение не меньше 1024 × 1024 пикселей: это размер иконки App Store и самого большого файла в наборе. Файлы поменьше тоже подойдут, но большие иконки будут увеличены и получатся мягкими, и инструмент предупредит об этом. SVG рисуется в полном разрешении, поэтому векторный логотип даёт чёткий результат в любом размере.
Куда положить файлы в проекте Xcode?
Откройте Assets.xcassets в Xcode, удалите существующий набор AppIcon и перетащите в него папку ios/AppIcon.appiconset из архива. Можно также заменить эту папку в Finder. Contents.json сопоставляет каждый PNG со слотом iPhone, iPad или App Store. В проекте для Xcode 14 и новее можно выбрать Single 1024, и Xcode сам создаст меньшие размеры.
Как работают адаптивные иконки Android?
Начиная с Android 8 иконка лаунчера состоит из двух слоёв по 108 dp: фона, здесь это выбранный вами цвет, и переднего плана с вашим изображением. Лаунчер обрезает центральные 72 dp и применяет свою форму, например круг или сквиркл, поэтому всё за пределами центрального круга 66 dp может пропасть. Направляющие безопасной зоны показывают обе границы в превью.
Что такое maskable-иконка для PWA?
Maskable-иконка полностью заполняет квадрат фоном, чтобы Android мог вырезать из неё любую форму без белых краёв. Браузеры гарантируют только круг, покрывающий центральные 80 % изображения, поэтому держите логотип внутри него. В ZIP есть maskable-файлы PNG 192 и 512 px, а во фрагменте манифеста они помечены purpose maskable рядом с обычными иконками.
Почему у иконок iOS есть цвет фона?
Apple требует, чтобы иконки приложений были полностью непрозрачными: иконка App Store с альфа-каналом не проходит проверку, а прозрачные области на домашнем экране выглядели бы чёрными. Поэтому инструмент заливает цветом фона иконки iOS, apple-touch-icon, иконку Play Store, а также адаптивные и maskable-иконки, даже если включены «Прозрачные веб-иконки».

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

Все инструменты: инструменты для разработчиков

Генератор фавиконок

Значки ICO, PNG и манифест из изображения, текста или эмодзи

Конвертер SVG ↔ PNG

SVG в чёткий PNG или PNG в SVG

Изменение размера изображений

Размер в пикселях, процентах или по шаблону — сразу для многих файлов

Палитра цветов и контраст

Палитры, оттенки, контраст WCAG и проверка для дальтоников