Иконка приложения iOS — первое, что человек видит в поиске App Store, на странице приложения и потом на главном экране. Поэтому по ней решают, открыть ли карточку, задолго до того, как прочитают название или посмотрят скриншоты. Ниже разберём, какие файлы требует Apple, как устроены иконки в iOS 26, по каким принципам их рисовать и как проверить, какая версия приносит больше установок.
Почему иконка аппстор влияет на установки
В выдаче App Store рядом стоят десятки похожих приложений, при этом иконка занимает в каждой строке самое заметное место. Рейтинг, название и подзаголовок человек читает только потом, когда иконка уже зацепила взгляд или нет.
Иконка мобильного приложения в поиске и на главном экране
Значок работает в нескольких местах сразу: например, в результатах поиска, на странице приложения, на главном экране, в уведомлениях и в настройках. Кроме того, иконка для приложения iOS должна читаться и в маленьком размере в списке уведомлений, и крупно на странице App Store. Поэтому мелкие детали в ней теряются первыми.
Иконка в Эпл Стор и узнаваемость бренда
Если у бренда уже есть узнаваемый знак, его можно сделать основой иконки. Однако для нового бренда логотип компании с названием редко работает, поэтому лучше выбрать один понятный символ, связанный с тем, что делает приложение. При этом иконка — только часть того, как приложение находят и выбирают, а остальное разобрано в статье про продвижение приложения в App Store.
Размеры и требования Apple
Для iOS Apple требует одно квадратное изображение 1024×1024 пикселя, затем Xcode сам генерирует из него все остальные размеры. Углы скруглять не нужно, так как система накладывает маску сама. Кроме того, заранее скруглённые края, по словам Apple, выглядят зубчатыми и портят эффекты подсветки.
С iOS 26 иконки стали многослойными и используют материал Liquid Glass. Также пользователь сам выбирает, как показывать иконки на главном экране: стандартно, в тёмном варианте, прозрачными (clear) или в одном оттенке (tinted). Подробные правила собраны в руководстве Apple Human Interface Guidelines: App icons.
Основные требования и рекомендации Apple к иконке iOS-приложения:
| Параметр | Требование Apple |
|---|---|
| Исходный размер | 1024×1024 px, квадрат |
| Скругление углов | Не делать: маску накладывает система |
| Слои | Необязательны: можно загрузить плоское изображение, но слои дают больше контроля над эффектами Liquid Glass |
| Варианты оформления | Стандартный, тёмный, clear, tinted; те, что не предоставлены, система создаст сама |
| Тёмный вариант | С прозрачным фоном, чтобы просвечивал системный фон |
| Tinted-вариант | В оттенках серого |
| Замена иконки | Только с новой версией приложения и через проверку App Review |
Apple просит сохранять ключевые элементы иконки одинаковыми во всех вариантах: если в тёмной версии символ меняется, пользователь не узнает приложение на экране.
Принципы дизайна иконки
Руководство Apple и правила App Review сходятся в нескольких пунктах. Однако часть из них — рекомендации, а часть — прямые основания для отказа на проверке.
| Правило | Откуда | Что значит на практике |
|---|---|---|
| Минимум форм | HIG | Один главный символ вместо сцены с деталями |
| Текст — только если без него никак | HIG | Без слов вроде «Play», «New», «Watch» |
| Без скриншотов и элементов интерфейса | HIG | Иллюстрация вместо уменьшенного экрана приложения |
| Без изображений техники Apple | HIG | Не рисовать iPhone или Apple Watch |
| Иконка уровня 4+ | Правило 2.3.8 | Даже если приложение 18+, иконка должна подходить всем возрастам |
| Без названий и символов других платформ | Правило 2.3.10 | Никаких логотипов Android или Google Play |
| Без чужих брендов | Правило 4.1(c) | Чужой значок или название — только с разрешения владельца |
| Права на все материалы | Правило 2.3.9 | Шрифты, иллюстрации и стоки должны быть лицензированы |
Готовый вариант стоит сразу проверить рядом с иконками конкурентов в выдаче по своим ключевым запросам. Ведь если она сливается с соседями по цвету и форме, её не заметят даже при хорошем рейтинге.
Как сделать иконку для приложения iOS: инструменты
Для многослойных иконок Apple выпустила Icon Composer. Он входит в Xcode, а также доступен отдельно на сайте Apple Developer и работает на macOS Tahoe 26.4 и новее. Сначала в нём собирают иконку из слоёв, затем смотрят, как она выглядит во всех вариантах оформления, и в итоге экспортируют плоскую версию для маркетинга.
Сами слои рисуют в привычном редакторе, например в Figma, Sketch или Illustrator. При этом Apple советует хранить слои в векторе, а растровые элементы и градиенты — в PNG без потери качества.
Для Google Play и Huawei AppGallery иконку готовят по требованиям этих магазинов, к тому же публиковаться там придётся со своих аккаунтов. Если приложение выходит сразу на нескольких площадках, купить аккаунт разработчика под каждую из них можно в одном месте.
Порядок работы обычно такой:
1. Нарисовать символ и фон отдельными слоями в векторе.
2. Собрать иконку в Icon Composer и проверить стандартный, тёмный, clear и tinted варианты.
3. Добавить файл иконки в проект Xcode.
4. Собрать приложение: иконка попадёт в App Store вместе со сборкой, отдельно её в App Store Connect не загружают.
Если рисовать некому, иконку заказывают у дизайнера, то есть закладывают отдельную строку бюджета. Во что обходится такая работа, разобрано в материале про стоимость разработки иконок и приложения целиком.
Загрузить сборку с новой иконкой и запустить тесты можно только из App Store Connect. Доступ к нему, в свою очередь, даёт членство в Apple Developer Program. Поэтому если регистрироваться долго, подойдёт готовый аккаунт разработчика Apple.
A/B-тесты: какая app store иконка работает лучше
Проверить, какая иконка приносит больше установок, можно встроенным инструментом App Store — Product Page Optimization. Он показывает разным пользователям разные версии страницы и затем считает конверсию, причём иконка app store — один из элементов, которые можно менять в тесте.
Тем не менее значок — лишь один из факторов конверсии страницы, наряду с названием, скриншотами и отзывами. Как они работают вместе, описано в гайде по ASO-оптимизации приложения.
Условия, которые задаёт Apple:
| Параметр | Как устроено |
|---|---|
| Число вариантов | До трёх против оригинала |
| Доля трафика | Вы сами задаёте процент пользователей, которые увидят тестовые варианты |
| Длительность | До 90 дней или до ручной остановки |
| Одновременные тесты | Один на приложение |
| Иконки в тесте | Все варианты должны быть в сборке опубликованной версии |
| Проверка | Новые метаданные теста проходят App Review |
| Устройства | iOS 15 и новее |
Если пользователь установил приложение из тестового варианта, этот значок App Store покажет ему и на устройстве. Поэтому app store значок в тесте должен быть готовой иконкой, а не черновиком.
FAQ
Какой размер иконки нужен для App Store?
Одно изображение 1024×1024 пикселя. Остальные размеры для устройств Xcode затем создаёт сам.
Можно ли поменять иконку после публикации?
Да, но только с новой версией приложения: сначала нужно загрузить сборку с новой иконкой, а затем отправить её на проверку. Для тестов без выпуска новой основной иконки подходит Product Page Optimization.
Обязательно ли рисовать тёмную и tinted-версии?
Нет. Если вариантов нет, система создаст их сама, однако результат хуже контролируется. Поэтому Apple рекомендует делать тёмную версию на основе светлой, а tinted — в оттенках серого.
Можно ли писать название приложения на иконке?
Apple советует добавлять текст, только если он важен для бренда. Кроме того, название и так выводится под иконкой, а мелкие буквы на маленьком размере не читаются.
Блог