Иконки приложений iOS и Android: исходники, маски и экспорт

Иконка iOS и иконка запуска Android могут использовать один символ, но это разные технические ресурсы. iOS позволяет получать варианты из изображения высокого разрешения в каталоге ресурсов. Адаптивная иконка Android разделяет передний план и фон, чтобы лаунчер мог применять маски и эффекты.

Этот материал сравнивает обязанности двух платформ. Конкретные размеры для экспорта собраны в руководстве по размерам иконок.

Начните с узнаваемого исходного рисунка

Сохраните чистый оригинал до добавления эффектов отдельной платформы. Общая идентичность может состоять из главного символа или короткой монограммы, достаточного контраста и свободного пространства вокруг. Мелкие детали, исчезающие на домашнем экране, не помогают узнать приложение.

Посмотрите на рисунок на предполагаемом фоне и в уменьшенном виде. Убедительный результат при 1024 пикселях может стать неясным в лаунчере. Сначала определите форму и иерархию, затем готовьте технические файлы.

iOS использует каталог ресурсов и системную форму

Apple описывает процесс с одним изображением 1024 × 1024 для вариантов иконок iOS и iPadOS. Xcode хранит его в каталоге, обычно в наборе AppIcon. Внешнее представление задаёт система. Не добавляйте скруглённые внешние углы в исходное изображение.

Текущий экспорт AppIconGenerator для iOS создаёт такую структуру, проверенную локальными тестами:

iOS/
├── AppIcon.appiconset/
│   ├── AppIcon-1024.png
│   └── Contents.json
├── AdditionalSizes/
│   └── ...optional PNG sizes
└── README.txt

Contents.json объявляет изображение 1024 как универсальный ресурс iOS. Дополнительные PNG находятся отдельно для проектов, которым они нужны, и не заменяют эту запись каталога.

Экспорт не создаёт тёмные или тонированные варианты. Apple также предлагает новые процессы с Icon Composer. Проверьте целевую платформу и версию Xcode, прежде чем считать папку готовой к отправке в магазин.

Генератор иконок iOS позволяет сравнить маску и получить локальные ресурсы.

Android разделяет передний план и фон

Рекомендации Android задают холст 108 × 108 dp для двух адаптивных слоёв. Центральная безопасная область 66 × 66 dp остаётся видимой под поддерживаемыми масками. Внешняя часть оставляет пространство для обрезки и движения лаунчера.

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

Текущий адаптивный экспорт содержит PNG по плотности, обычные иконки и XML-ссылки для Android 8.0 и последующих версий:

Android/
├── res/
│   ├── mipmap-mdpi/
│   ├── mipmap-hdpi/
│   ├── mipmap-xhdpi/
│   ├── mipmap-xxhdpi/
│   ├── mipmap-xxxhdpi/
│   └── mipmap-anydpi-v26/
│       ├── ic_launcher.xml
│       └── ic_launcher_round.xml
├── play_store_512.png
└── README.txt

В каждой папке плотности есть ic_launcher.png и ic_launcher_round.png. Адаптивный режим добавляет ic_launcher_foreground.png и ic_launcher_background.png, на которые ссылаются XML.

В редакторе иконок Android проверьте маски, масштаб переднего плана и безопасную область до загрузки пакета.

Изображение Google Play не заменяет ресурсы лаунчера

Изображение страницы магазина и ресурсы приложения выполняют разные задачи. Google Play сейчас указывает PNG 512 × 512, 32 бита, sRGB, не более 1024 КБ. Магазин применяет внешнюю маску и тень, поэтому готовьте полный квадрат без встроенной внешней обрезки и добавленной тени.

Файл находится в Android/play_store_512.png. Он не заменяет содержимое Android/res/. Успешный экспорт в браузере также не доказывает приём файла в Play Console.

Какие решения можно оставить общими?

Выберите общий символ, затем подготовьте варианты для платформ. В App Icon Maker можно сравнить их представление и экспортировать оба пакета.

Проверки перед экспортом

1. Посмотрите на символ в размере домашнего экрана.
2. Оставьте внешнее скругление iOS системе.
3. Разместите мотив Android внутри безопасной области.
4. Проверьте изображение Google Play отдельно.
5. Сверьте имена и ссылки до замены ресурсов проекта.
6. Соберите приложение и проверьте его в симуляторе или на устройстве.

Установленный пример в симуляторе

2 октября 2026 года экспортированная иконка была установлена в отдельном симуляторе iPhone 17 с iOS 26.5. Приложение запустилось, а исходная иконка XY появилась на домашнем экране. Это подтверждает данный проект и среду, но не работу на физическом устройстве или одобрение App Store.

2 октября 2026 года ресурсы были установлены в отдельном симуляторе Android API 36. Приложение запустилось, а иконка XY появилась в списке приложений. Проверка относится к этому лаунчеру и сборке; другие маски и устройства требуют отдельных проверок.

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

Можно использовать один исходник на обеих платформах?

Дизайн может быть общим. Сохраните непрозрачный квадрат для iOS и прозрачный передний план с отдельным фоном для Android. Экспортируйте каждый вариант в структуру своей платформы.

Нужно ли скруглять углы рисунка?

Нет. Системы и Google Play применяют собственные маски. Встроенное внешнее скругление может дать двойные углы и неожиданные поля.

Подойдёт ли изображение Google Play как адаптивный передний план?

Обычно нет. Это полный квадрат для магазина. Переднему плану нужен символ с прозрачностью и безопасными отступами, а фон задаётся отдельно.

Проверенные источники

• Apple: настройка иконки через каталог ресурсов
• Apple: создание иконки в Icon Composer
• Android Developers: адаптивные иконки
• Android Developers: требования к иконкам Google Play

Дата обращения: 20 сентября 2026 года. Локальная структура: src/lib/icon-forge/zip.ts, тесты в src/lib/icon-forge/zip.test.ts.