Создание и управление иконками приложений с помощью ASO.dev
Использование генератора иконок может сэкономить Вам много времени при создании иконок приложений разных размеров, необходимых для платформы Apple. Генератор иконок создаст папку, содержащую все необходимые размеры иконок.
Общий процесс работы с генератором иконок:
- Загрузите изображение вашей иконки в высоком разрешении.
- Укажите платформы, для которых хотите создавать значки iOS/macOS/watchOS.
- Загрузите сгенерированные иконки, которые будут в архиве.
- Разархивируйте скачанный файл. Вы найдете структуру папок со всеми необходимыми размерами иконок.
- Откройте свой проект Xcode.
- Перейдите в каталог Assets.xcassets в Навигаторе проекта.
- Если Вы начинаете с нуля, щелкните правой кнопкой мыши на левой панели Assets.xcassets > Новая иконка приложения.
- Перетащите всю папку из генератора иконок
Убедитесь, что иконки приложения корректно добавлены в настройках проекта.
- После добавления иконок в Assets.xcassets
- Выберите Целевой проект
- Перейдите на вкладку «Общие».
- Прокрутите до раздела «Иконки приложений».
- Убедитесь, что в раскрывающемся списке «Источник иконок приложений» выбраны Ваши иконки приложения.
Спецификация
Всегда следите за тем, чтобы исходное изображение, которое Вы отправляете в генератор иконок, было высокого качества. Изображения низкого качества или низкого разрешения приведут к тому, что значки будут размытыми или пикселизированными.
Устройство | Назначение | Размер (pt) | Разрешение (@1x, @2x, @3x) |
---|---|---|---|
iOS | iPhone Уведомление | 20x20 | @2x, @3x |
iPhone Настройки | 29x29 | @2x, @3x | |
iPhone Spotlight | 40x40 | @2x, @3x | |
iPhone Приложение | 60x60 | @2x, @3x | |
iPad Уведомление | 20x20 | @1x, @2x | |
iPad Настройки/Spotlight | 29x29 | @1x, @2x | |
iPad Приложение | 76x76 | @1x, @2x | |
iPad Pro Приложение | 83.5x83.5 | @2x | |
App Store | 1024x1024 | @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 Store | 512x512 | @1x, @2x | |
tvOS | App Store | 1024x1024 | @1x |
Приложение | 400x240 | @1x, @2x | |
visionOS | App Store | 1280x768 | @1x |
Ограничения
- Иконки приложений должны отражать основные функции Вашего приложения и соответствовать рекомендациям Apple по пользовательскому интерфейсу.
- Иконки приложений должны быть в формате .png.
- Не следует использовать альфа-каналы или прозрачность.
- Избегайте использования текста, так как может потребоваться перевод или локализация.
- Изображение должно быть отчетливым и легко распознаваемым при меньших размерах.
- Для iPad иконка должна быть узнаваема в режиме разделенного просмотра или в режиме многозадачности.
- Для Watch OS, учитывая меньший размер дисплея, четкость изображения имеет жизненно важное значение; сложные конструкции могут потерять детали. Следует избегать мелкого текста или изображений, для понимания которых требуется высокая точность.
Дополнительные иконки приложений
Вам не нужно отправлять новую версию Вашего приложения, чтобы изменить иконки, если они уже включены в пакет приложения, Вы можете переключаться между ними.
При изменении иконки приложения может возникнуть небольшая задержка.
Пока приложение работает на переднем плане, Вы не можете менять его иконку чаще, чем раз в 10 секунд.
Каждая альтернативная иконка должна быть добавлена в пакет приложения, увеличивая его размер.
Установка альтернативного значка приложения в Xcode
- Создайте креативы иконок приложения в соответствии со стандартами Apple с разрешением 1024x1024.
- Подготовьте иконки приложения с соблюдением необходимых разрешений.
- Добавьте иконки в свой проект Xcode.
- Откройте свой проект > Assets.xcassets.
- Щелкните правой кнопкой мыши > Иконки приложения и изображения запуска > Новые иконка приложения.
- Перетащите свои иконки в заполнители или просто замените созданный Assets.xcassets на контент, сгенерированный из aso.dev.
- Измените файл Info.plist.
- Перейдите к CFBundleIcons > CFBundleAlternateIcons.
- Для каждой добавленной вами альтернативной иконки создайте запись. Ключом должно быть имя, по которому Вы хотите ссылаться на свою иконку (например, ExtraIcon), и внутри добавьте ключ с именем CFBundleIconFiles со значением массива, содержащим имя Вашей иконки (без расширения .png).
- Замена иконки в коде
- Сбросить иконку