Вы разрабатываете приложение для iOS или просто хотите создать идеально отображаемую иконку для домашнего экрана? Размеры значков на iPhone — это не просто технический нюанс, а критический фактор, влияющий на восприятие вашего продукта. Ошибка в разрешении может привести к размытости, обрезке важных элементов или даже отказу App Store в публикации. В этой статье мы разберём все актуальные размеры иконок для разных моделей iPhone (включая iPhone 15), объясним, почему нужны несколько версий одного значка, и дадим практические советы по экспорту из Figma, Adobe Photoshop и Sketch.
С 2023 года Apple ужесточила требования к визуальному контенту в App Store Connect, поэтому даже если ваше приложение работает безупречно, несоответствие размеров иконок может стать причиной задержки релиза. Мы собрали актуальные данные на 2026 год, включая редко документируемые нюансы — например, почему иконка для iPhone 14 Pro с динамическим островом требует дополнительного отступа сверху. Также вы узнаете, как тестировать значки на реальных устройствах без публикации в сторе.
Официальные требования Apple к размерам иконок (2026)
Apple предъявляет жёсткие требования к иконкам приложений, и их несоблюдение — одна из топ-5 причин отклонения приложений при модерации. Основной документ, который регламентирует параметры, — это Human Interface Guidelines (HIG). Однако даже там не всегда указаны точные пиксельные размеры для всех случаев. Вот ключевые моменты:
- 📱 Минимальный размер: 1024×1024 пикселей для App Store (обязателен для загрузки).
- 🔍 Прозрачность: иконка должна быть на непрозрачном фоне (PNG без альфа-канала).
- 🎨 Без скруглённых углов: Apple автоматически применяет маску скругления, поэтому не добавляйте её вручную.
- 🚫 Запрещённые элементы: никаких надписей "Beta", "Free", цен или рейтингов.
Но это только вершина айсберга. На практике вам понадобится до 10 различных версий одной иконки для поддержки всех устройств и режимов отображения. Например, иконка для iPhone SE (3rd gen) и iPhone 15 Pro Max будет отличаться не только разрешением, но и зоной безопасной области (safe area), где размещаются ключевые элементы дизайна.
Таблица размеров иконок для всех моделей iPhone (2026)
Ниже представлена актуальная таблица с размерами иконок для всех поддерживаемых iPhone, включая модели с Dynamic Island и Notch. Обратите внимание: размеры указаны в пикселях (px), а не в пунктах (pt). Для ретиновых экранов Apple использует коэффициент масштабирования @2x и @3x.
| Тип иконки | Размер (px) | Применение | Модели iPhone |
|---|---|---|---|
| App Store (загрузка) | 1024×1024 | Обязательный для публикации | Все модели |
| Домашний экран (@2x) | 120×120 | iPhone SE, 6/6s/7/8 | SE (все поколения), 6/6s/7/8 |
| Домашний экран (@3x) | 180×180 | iPhone 6 Plus и новее | 6 Plus, 6s Plus, 7 Plus, 8 Plus, X, XS Max, 11–15 (все) |
| Spotlight (@2x) | 80×80 | Поиск и предложения Siri | Все модели |
| Настройки (@2x) | 58×58 | Список приложений в Настройках | Все модели |
Важно: для iPad и Mac Catalyst потребуются дополнительные размеры (например, 167×167 для iPad Pro). Если ваше приложение поддерживает Universal Purchase, подготовьте иконки для всех платформ заранее.
⚠️ Внимание: Иконки для iPhone 14 Pro/15 Pro с Dynamic Island требуют дополнительного отступа сверху (минимум 5 px), так как область уведомлений может перекрывать верхнюю часть значка. Тестируйте отображение на реальном устройстве!
Как правильно экспортировать иконки для iOS: пошаговая инструкция
Даже если вы знаете все размеры, ошибки при экспорте могут свести усилия на нет. Вот пошаговый алгоритм, который поможет избежать распространённых проблем:
- Создайте шаблон в Figma/Photoshop с искусственной сеткой (grid) 180×180 px для основной иконки. Используйте направляющие для безопасной зоны (центральный круг диаметром 160 px).
- Дизайн:
- 🎨 Избегайте мелких деталей по краям — они могут обрезаться.
- 🔴 Не используйте чистый белый (#FFFFFF) для фона — на светлых обоях иконка сольётся.
- 📏 Проверьте контрастность: минимальное соотношение текста/графики к фону — 4.5:1 (стандарт WCAG).
- 📁 Сохраняйте каждую версию в отдельный файл с именем
AppIcon-60x60@2x.png(пример для 120×120). - 🔍 В Photoshop используйте
Файл → Экспорт → Сохранить для Web (Устарело)с настройками PNG-24. - 🖼️ В Figma настройте экспорт слоёв через панель
Exportс суффиксами@2x,@3x.
Созданы все размеры из таблицы выше|Имена файлов соответствуют формату Apple|Прозрачность удалена (фон непрозрачный)|Центральный элемент вписывается в безопасную зону 160px|Тестировано на реальном устройстве (или симуляторе)-->
Для автоматизации процесса можно использовать скрипты или плагины:
- 🤖 Figma: плагин Iconizer для пакетного экспорта.
- 🖥️ Sketch: встроенный
Make Exportableс пресетами для iOS. - 🐍 Python: скрипт
Pillowдля конвертации SVG в PNG нужных размеров.
Частые ошибки и как их избежать
Даже опытные дизайнеры и разработчики допускают ошибки при работе с иконками для iOS. Вот топ-5 проблем и способы их решения:
- Размытость на экране:
Причина: неверный коэффициент масштабирования (
@2x/@3x). Например, если вы загрузили иконку 120×120 вместо 180×180 для iPhone 13, система автоматически масштабирует её, что приводит к артефактам.Решение: всегда проверяйте размеры через
Settings.app → General → About → Applicationsна тестовом устройстве. - Обрезка краёв:
Причина: игнорирование безопасной зоны. Apple применяет маску скругления, которая может "съесть" до 10 px по углам.
Решение: используйте шаблон с направляющими (скачать можно здесь).
- Отказ App Store:
Причина: несоответствие техническим требованиям (например, прозрачность или неправильный формат).
Решение: перед загрузкой проверьте иконки через
Xcode → Assets.xcassets → AppIcon.
Что делать если иконка выглядит нормально в симуляторе, но размыта на реальном устройстве?
Это типичная проблема при использовании симулятора с масштабированием экрана (например, на MacBook с Retina). Симулятор может отображать иконки в уменьшенном виде, скрывая артефакты. Всегда тестируйте на физическом устройстве или используйте команду для запуска без масштабирования:
xcrun simctl spawn booted defaults write /Library/Preferences/com.apple.CoreSimulator.IndigoFramework PLIST_BUDDY_ADD_STRING "WindowScaleStatusBarHeight" "20"⚠️ Внимание: Если вы используете SF Symbols (системные иконки Apple) в своём значке, убедитесь, что они не конфликтуют с лицензией. Некоторые символы (например, applelogo) запрещены для использования в иконках сторонних приложений.
Особенности иконок для iPhone с Dynamic Island и Notch
С появлением iPhone X в 2017 году и Dynamic Island в iPhone 14 Pro дизайн иконок усложнился. Вот что нужно учитывать:
- 🏝️ Dynamic Island (iPhone 14 Pro/15 Pro):
Область уведомлений теперь может расширяться, перекрывая верхнюю часть экрана. Рекомендуемый отступ сверху —
10 pxдля критичных элементов (например, логотипа). - 🔺 Notch (iPhone X–13):
Хотя вырез не затрагивает иконки напрямую, он влияет на расположение виджетов и уведомлений. Проверяйте, не сливается ли ваш значок с системными элементами.
- 📱 Always-On Display (iPhone 14 Pro/15 Pro):
В режиме постоянного отображения иконки могут выглядеть тусклее. Используйте контрастные цвета и избегайте градиентов.
Для тестирования отображения на устройствах с Dynamic Island используйте Xcode 15+ и симулятор iPhone 15 Pro. Обратите внимание на параметр Interface Style в настройках симулятора — он имитирует Always-On Display.
Инструменты для генерации иконок: обзор лучших сервисов
Если вам нужно быстро создать иконки для iOS без ручного экспорта, воспользуйтесь специализированными инструментами. Мы протестировали 5 лучших сервисов и выделили их плюсы и минусы:
| Инструмент | Плюсы | Минусы | Цена |
|---|---|---|---|
| AppIcon Generator | Автоматическое создание всех размеров, поддержка SVG | Ограничение на бесплатный экспорт (до 3 иконок) | От $9/месяц |
| MakeAppIcon | Интеграция с Figma, шаблоны для Dynamic Island | Водяной знак на бесплатной версии | От $5/проект |
| Icônes | Поддержка macOS и Windows, пакетная обработка | Интерфейс на французском (есть английская версия) | Бесплатно |
Для разработчиков, работающих с React Native или Flutter, полезным будет пакет react-native-make, который автоматически генерирует иконки для обеих платформ (iOS и Android) из одного источника.
⚠️ Внимание: Сервисы вроде AppIcon Generator могут не учитывать последние обновления Apple (например, размеры для iPhone 15). Всегда сверяйтесь с официальной документацией перед финальным экспортом.
FAQ: Частые вопросы о размерах иконок для iPhone
Можно ли использовать одну иконку для всех моделей iPhone?
Технически да, но это приведёт к ухудшению качества. Apple рекомендует предоставлять отдельные версии для @2x и @3x. Если вы загрузите только одну иконку (например, 180×180), система автоматически масштабирует её для устройств с @2x, что вызовет размытость.
Как проверить, правильно ли отображается иконка на всех устройствах?
Используйте Xcode и симуляторы для всех моделей iPhone. Альтернатива — сервис BrowserStack, который предоставляет доступ к реальным устройствам. Также можно воспользоваться командой для установки тестовой сборки:
xcodebuild -scheme YourAppScheme -destination 'generic/platform=iOS' -archivePath YourApp.xcarchive archive
xcodebuild -exportArchive -archivePath YourApp.xcarchive -exportPath ./Build -exportOptionsPlist ExportOptions.plist
Что делать, если App Store отклонил иконку из-за "недостаточного контраста"?
Используйте инструмент WebAIM Contrast Checker, чтобы проверить соотношение цветов. Минимальный контраст для текста на иконке — 4.5:1. Если ваш дизайн не проходит, добавьте обводку (stroke) или тень (drop shadow) к элементам.
Нужно ли обновлять иконки для старых версий iOS?
Если ваше приложение поддерживает iOS 12 и ниже, подготовьте дополнительные размеры (например, 57×57 для iPhone 2G–4s). Однако с 2023 года Apple требует поддержки минимум iOS 13 для новых приложений, поэтому это актуально только для legacy-проектов.
Можно ли анимировать иконку приложения на iPhone?
Нет, Apple не поддерживает анимированные иконки (в отличие от Android). Однако вы можете использовать Live Activities (начиная с iOS 16.1) для отображения динамического контента на экране блокировки.