Как пользоваться: Генератор иконок приложений
- Перетащите квадратное изображение — лучше всего PNG 1024 × 1024 px или SVG.
- Выберите платформы, цвет фона (иконки iOS не могут быть прозрачными) и при необходимости отступы.
- Проверьте превью и нажмите Скачать ZIP; перетащите папки в Xcode и Android Studio.
Что находится в ZIP
- iOS —
AppIcon.appiconsetсо всеми размерами для iPhone и iPad (от 20 до 1024 px) и соответствующим файломContents.json. Перетащите его вAssets.xcassetsв Xcode, заменив существующий AppIcon. - Android — папки от
mipmap-mdpiдоmipmap-xxxhdpiс файламиic_launcher.pngиic_launcher_round.png(48–192 px), слоями переднего плана для адаптивных иконок (108–432 px), XML вmipmap-anydpi-v26и ресурсом цвета фона. Скопируйте папки вapp/src/main/res. Также добавлена иконка Play Store 512 × 512. - Веб / PWA — PNG-favicon, иконка Apple touch 180 px, иконки манифеста 192 и 512 px, maskable-иконка и готовый фрагмент манифеста для вставки.
Важные правила платформ
Иконки iOS не должны быть прозрачными — App Store Connect отклоняет иконки с альфа-каналом, поэтому прозрачные области заполняются цветом фона. iOS сама скругляет углы: используйте квадратное изображение и не скругляйте его вручную. Адаптивные иконки Android обрезаются до круга, сквиркла или скруглённого квадрата; держите важные элементы внутри центральных 66% (безопасная зона). Этим и управляет ползунок отступов адаптивной иконки.
Приватность по замыслу
Всё масштабирование выполняется в вашем браузере с помощью Canvas API; ваши изображения никуда не загружаются.
Также ищут как: генератор иконок ios, генератор иконок android, appiconset generator, адаптивные иконки android, генератор иконок pwa, размеры иконок android.
Инструменты, которые хорошо сочетаются с Генератор иконок приложений
- Генератор PWA-манифеста — Превратите любой сайт в устанавливаемое PWA.
- Генератор фавикона — Создайте полный набор фавикона из логотипа, буквы или эмодзи: favicon.ico с несколькими размерами, Apple touch icon, иконки Android/PWA, webclip для Webflow, веб-манифест и HTML-теги для вставки.
- Изменить размер изображения — Измените размер фото до точных размеров в пикселях или процентах, обрежьте его под формат соцсети или впишите в рамку с цветом фона.
- Конвертер изображений — Конвертируйте любое изображение, которое открывает ваш браузер, — PNG, JPG, WebP, AVIF, GIF, BMP или SVG — в PNG, JPG, WebP или AVIF.
Часто задаваемые вопросы
Какого размера должно быть исходное изображение?
Не менее 1024 × 1024 px, квадратное. SVG даёт самый чёткий результат на любом размере. Маленькие изображения растягиваются и могут выглядеть размытыми на самых крупных иконках.
Почему моя иконка iOS с белым фоном?
Apple не допускает прозрачности в иконках приложений, поэтому прозрачные области заполняются выбранным вами цветом фона. Выберите цвет, который соответствует вашему дизайну.
Что такое адаптивные иконки Android?
Начиная с Android 8, иконки лаунчера состоят из отдельных слоёв переднего плана и фона, которые система обрезает по разным формам и анимирует. В ZIP входят оба слоя и XML, которые их связывают.
Нужны ли все размеры iOS в Xcode 15?
Xcode может создать размеры из одной иконки 1024 px, но полный набор даёт контроль над мелкими размерами и поддерживает более старые целевые версии. Работают оба варианта.
Можно ли установить Генератор иконок приложений как веб-приложение и пользоваться им офлайн?
Да. Генератор иконок приложений — это веб-приложение (PWA), которое можно установить из браузера, без скачивания из магазина приложений. В Chrome или Edge (Windows, macOS, Linux, ChromeOS) или на Android нажмите вверху этой страницы «Установить приложение»; на iPhone и iPad используйте «Поделиться → На экран «Домой»», а в Safari 17+ на Mac — «Файл → Добавить в Dock». После этого приложение откроется в отдельном окне со своим значком, и так как оно полностью работает в браузере, оно продолжит работать офлайн. Firefox на компьютере не умеет устанавливать веб-приложения. Как работает установка.