Перейти к содержимому

Создание и управление иконками приложений с помощью ASO.dev

Enlarged view
Иконки Иконки

Использование генератора иконок может сэкономить Вам много времени при создании иконок приложений разных размеров, необходимых для платформы Apple. Генератор иконок создаст папку, содержащую все необходимые размеры иконок.

Общий процесс работы с генератором иконок:

  • Загрузите изображение вашей иконки в высоком разрешении.
  • Укажите платформы, для которых хотите создавать значки iOS/macOS/watchOS.
  • Загрузите сгенерированные иконки, которые будут в архиве.
  • Разархивируйте скачанный файл. Вы найдете структуру папок со всеми необходимыми размерами иконок.
  • Откройте свой проект Xcode.
  • Перейдите в каталог Assets.xcassets в Навигаторе проекта.
  • Если Вы начинаете с нуля, щелкните правой кнопкой мыши на левой панели Assets.xcassets > Новая иконка приложения.
  • Перетащите всю папку из генератора иконок

Убедитесь, что иконки приложения корректно добавлены в настройках проекта.

  • После добавления иконок в Assets.xcassets
  • Выберите Целевой проект
  • Перейдите на вкладку «Общие».
  • Прокрутите до раздела «Иконки приложений».
  • Убедитесь, что в раскрывающемся списке «Источник иконок приложений» выбраны Ваши иконки приложения.

Спецификация

Всегда следите за тем, чтобы исходное изображение, которое Вы отправляете в генератор иконок, было высокого качества. Изображения низкого качества или низкого разрешения приведут к тому, что значки будут размытыми или пикселизированными.

УстройствоНазначениеРазмер (pt)Разрешение (@1x, @2x, @3x)
iOSiPhone Уведомление20x20@2x, @3x
iPhone Настройки29x29@2x, @3x
iPhone Spotlight40x40@2x, @3x
iPhone Приложение60x60@2x, @3x
iPad Уведомление20x20@1x, @2x
iPad Настройки/Spotlight29x29@1x, @2x
iPad Приложение76x76@1x, @2x
iPad Pro Приложение83.5x83.5@2x
App Store1024x1024@1x
iPadOSТе же, что для iOS на iPads--
watchOSЦентр уведомлений (38mm)24x24@2x
Центр уведомлений (40mm, 42mm)22.5x22.5@2x
Центр уведомлений (40mm, 42mm)22.5x22.5@2x
Центр уведомлений (41mm, 44mm)\Сопутствующее приложение29x29@2x
Центр уведомлений (45mm, 49mm)33x33@2x
Домашний экран (38mm, 42mm)40x40@2x
Домашний экран (40mm)44x44@2x
Домашний экран (41mm)46x46@2x
Домашний экран (44mm)50x50@2x
Домашний экран (45mm)51x51@2x
Домашний экран (49mm)54x54@2x
Превью (38mm)86x86@2x
Превью (40mm, 41mm, 42mm)98x98@2x
Превью (44mm)108x108@2x
Превью (45mm)117x117@2x
Превью (49mm)129x129@2x
macOSИконка приложения16x16, 32x32, 128x128, 256x256@1x, @2x
App Store512x512@1x, @2x
tvOSApp Store1024x1024@1x
Приложение400x240@1x, @2x
visionOSApp Store1280x768@1x

Ограничения

  • Иконки приложений должны отражать основные функции Вашего приложения и соответствовать рекомендациям Apple по пользовательскому интерфейсу.
  • Иконки приложений должны быть в формате .png.
  • Не следует использовать альфа-каналы или прозрачность.
  • Избегайте использования текста, так как может потребоваться перевод или локализация.
  • Изображение должно быть отчетливым и легко распознаваемым при меньших размерах.
  • Для iPad иконка должна быть узнаваема в режиме разделенного просмотра или в режиме многозадачности.
  • Для Watch OS, учитывая меньший размер дисплея, четкость изображения имеет жизненно важное значение; сложные конструкции могут потерять детали. Следует избегать мелкого текста или изображений, для понимания которых требуется высокая точность.

Дополнительные иконки приложений

Вам не нужно отправлять новую версию Вашего приложения, чтобы изменить иконки, если они уже включены в пакет приложения, Вы можете переключаться между ними.
При изменении иконки приложения может возникнуть небольшая задержка.
Пока приложение работает на переднем плане, Вы не можете менять его иконку чаще, чем раз в 10 секунд.
Каждая альтернативная иконка должна быть добавлена в пакет приложения, увеличивая его размер.

Установка альтернативного значка приложения в Xcode

  • Создайте креативы иконок приложения в соответствии со стандартами Apple с разрешением 1024x1024.
  • Подготовьте иконки приложения с соблюдением необходимых разрешений.
  • Добавьте иконки в свой проект Xcode.
    • Откройте свой проект > Assets.xcassets.
    • Щелкните правой кнопкой мыши > Иконки приложения и изображения запуска > Новые иконка приложения.
    • Перетащите свои иконки в заполнители или просто замените созданный Assets.xcassets на контент, сгенерированный из aso.dev.
  • Измените файл Info.plist.
    • Перейдите к CFBundleIcons > CFBundleAlternateIcons.
    • Для каждой добавленной вами альтернативной иконки создайте запись. Ключом должно быть имя, по которому Вы хотите ссылаться на свою иконку (например, ExtraIcon), и внутри добавьте ключ с именем CFBundleIconFiles со значением массива, содержащим имя Вашей иконки (без расширения .png).
<key>CFBundleIcons</key>
<dict>
<key>CFBundleAlternateIcons</key>
<dict>
<key>AdditionalIcon</key>
<dict>
<key>CFBundleIconFiles</key>
<array>
<string>AdditionalIconName</string>
</array>
</dict>
</dict>
</dict>
  • Замена иконки в коде
UIApplication.shared.setAlternateIconName("AdditionalIconName")
  • Сбросить иконку
UIApplication.shared.setAlternateIconName(nil)