Многие разработчики сталкиваются с отклонением иконки в App Store из-за прозрачных пикселей или неправильного размера. Мы решаем эту проблему на этапе дизайна: гарантируем, что финальный PNG 1024×1024pt не содержит альфа-канала, а округление вписывается в squircle-маску. Наш опыт — 5+ лет разработки iOS-приложений, десятки успешно принятых иконок. В этой статье разберём все технические нюансы — от форматов до проверки на реальных обоях.
Почему squircle-маска важна для иконки?
Apple не использует обычное скругление углов. Вместо этого применяется суперэллипс (squircle), который делает углы более плавными. Если иконка нарисована с радиусом 22% от размера, важные детали по краям могут обрезаться. В Figma мы накладываем маску iOS Icon Mask (squircle) как clip mask для точного предпросмотра. Финальный экспорт — квадрат без маски, с непрозрачным фоном.
Какие размеры и форматы нужны сегодня?
Apple требует один мастер-файл 1024×1024px в PNG без прозрачности. В современных версиях Xcode достаточно добавить его в AppIcon.appiconset — система сама сгенерирует все размеры. Для справки приведём таблицу типовых пиктограмм:
| Назначение | Размер (pt) | Масштабы |
|---|---|---|
| Home Screen | 60pt | @1x, @2x, @3x |
| Spotlight | 40pt | @1x, @2x, @3x |
| Settings | 29pt | @1x, @2x, @3x |
| Notifications | 20pt | @1x, @2x, @3x |
| App Store | 1024×1024 (мастер) | — |
Для iPad и macOS Catalyst могут потребоваться дополнительные размеры — используем один Universal icon set.
Как проверять иконку на разных обоях?
После генерации всех размеров нужно протестировать читаемость на светлых, тёмных и цветных обоях. Особое внимание уделяем размеру 20pt (Spotlight) — там часто теряются мелкие детали. Используем встроенный в Xcode симулятор с разными обоями или экспортируем иконку и смотрим на реальном устройстве. Если детали неразличимы — возвращаемся к макету и упрощаем.
Сравнение: самостоятельная подготовка vs наша разработка
Многие пытаются сгенерировать иконку автоматически, но это часто приводит к непредсказуемому обрезанию при squircle-маске. Ручная проработка в 2-3 раза точнее автоматической генерации — каждый элемент выверяется под суперэллипс. Это сокращает время на доработки и уменьшает риск отклонения модерацией.
Типы иконок и их особенности
| Тип иконки | Количество мастер-файлов | Требования к фону | Дополнительные настройки |
|---|---|---|---|
| Обычная | 1 | Непрозрачный, любой цвет | — |
| Тёмная | 1 (дополнительно) | Непрозрачный, адаптированный под тёмную тему | Нужен отдельный entry в Asset Catalog |
| Альтернативная | 1 на каждую | Непрозрачный | Вызов UIApplication.shared.setAlternateIconName |
Какие подводные камни при подготовке иконки?
Самая частая ошибка — использование прозрачности в мастер-файле. Даже полупрозрачный слой на 1% приведёт к тому, что Apple преобразует его в чёрный цвет, и иконка будет выглядеть неаккуратно. Вторая распространённая проблема — элементы, выходящие за безопасную зону squircle. Рекомендуем в Figma включить направляющие для iOS App Icon, чтобы избежать обрезания.
Как мы разрабатываем иконку: пошаговый процесс
- Анализ концепции — изучаем бренд, целевую аудиторию, требования App Store Review Guidelines.
- Создание макета — рисуем векторный дизайн во Figma на фрейме 1024×1024, сразу проверяем squircle-маску.
- Экспорт и подготовка — сохраняем PNG без альфа-канала с помощью экспорта «iOS Icon».
- Генерация Asset Catalog — импортируем мастер-файл в Xcode, проверяем корректность генерации всех размеров.
- Тестирование — проверяем читаемость на размерах 20pt (Spotlight) и 60pt (Home Screen) на светлых, тёмных и цветных обоях.
- Тёмная иконка — по желанию создаём вариант с отдельным мастер-файлом и настройкой
UIApplication.shared.setAlternateIconNameдля альтернативных иконок.
Что входит в результат?
После завершения вы получаете:
- Исходники в Figma (векторные макеты с наложенной squircle-маской).
- Мастер-файл 1024×1024 PNG без прозрачности.
- Готовый
AppIcon.appiconsetдля Xcode (включая все размеры для iPhone, iPad, Mac Catalyst). - Если согласован пакет — дополнительный вариант для тёмной темы и/или альтернативные иконки.
- Краткую инструкцию по интеграции в проект.
Наши инженеры имеют 5+ лет опыта в iOS-разработке, выполнено более 40 проектов с кастомными иконками. Экономия времени на модерацию — до 30% за счёт точной предварительной подготовки.
Сроки и стоимость
Разработка одного варианта иконки с финальными исходниками — от 4 часов до 1 дня в зависимости от сложности. Несколько концепций на выбор — 1–2 дня. Стоимость рассчитывается индивидуально от 4 часов работы специалиста.
Получите консультацию — оценим ваш проект и предложим концепцию иконки. Закажите разработку под ключ — от эскиза до готового пакета в формате для Xcode и App Store Connect.