На скриншотах показано англоязычное приложение. Предустановленные имена и элементы управления также доступны на языке вашего приложения.

Ваша отправная точка

Используйте Ресурсы iOS для разных масштабов в PixRinse, затем сверьте эти настройки с фактическим пунктом назначения.

Настройки для этого рабочего процесса
Соглашение об исходном кодеОригинал представляет собой @3x
@3x100% источника
@2x⅔ источника
@1x⅓ источника
PixRinse Ресурсы iOS для разных масштабов предустановка с тремя производными PNG
Настройки, использованные в этом пошаговом руководстве. Выберите скриншот, чтобы просмотреть его в полном размере.

Как это сделать

  1. Подготовьте чистый исходный код @3x.

    Источник 900 × 600 px представляет изображение 300 × 200 pt в @3x. Отдавайте предпочтение размерам, кратным трем, чтобы избежать неоднозначного округления.

  2. Выберите Ресурсы iOS для разных масштабов

    Просмотрите три вывода PNG. В предустановке полноразмерный файл называется @3x, файл двух третей — @2x, а файл одной трети — без суффикса масштаба.

  3. Проверьте прозрачность и размеры

    Проверьте тонкие штрихи на каждой шкале. Оригинал должен содержать достаточно деталей; пресет не перерисовывает значки и не создает векторные изображения.

  4. Экспортировать и добавить в Xcode

    Поместите каждый файл в соответствующий слот вашего изображения. Это масштабируемый набор изображений, а не полный каталог AppIcon.

ФАЙЛЫ ИЗ ЭТОГО ПРОХОЖДЕНИЯ

Что дал этот пример

Источником является прозрачный PNG 900 × 600, представляющий @3x. Он производит три размера ниже. Экспорт @3x сохраняет исходные декодированные пиксели и альфа-канал.

@3x
900 × 600
@2x
600 × 400
@1x
300 × 200
Прозрачность
Сохранено
Фактически экспортированные файлы
ФайлФорматПикселиБайты
badge.pngPNG300 × 20020 079
badge@2x.pngPNG600 × 40074 319
badge@3x.pngPNG900 × 600149 961
Создайте набор масштабов изображения iOS: фактические экспортированные результаты.
Фактические результаты экспорта для примеров файлов, показанных в этом пошаговом руководстве.

Измерено на показанных файлах-образцах. Ваши результаты зависят от ваших оригиналов и настроек. В этом пошаговом руководстве используются собственные графические изображения PixRinse на квадратных или прозрачных образцах холстов.

Пара распространенных вопросов

Изменяются ли размеры маленьких изображений друг от друга?

Нет. Каждая производная версия происходит непосредственно от оригинала.

Генерирует ли он Assets.xcassets?

Он экспортирует файлы PNG с определенными именами. Добавьте эти файлы в соответствующие слоты изображений в Xcode.

Заставьте рабочий процесс работать.

Откройте PixRinse, добавьте несколько изображений и начните с настроек выше.

Скачать для MacБесплатно: до 10 изображений в пакете и один выход для каждого источника. Для нескольких выходов этого рабочего процесса требуется Pro. Сравните бесплатную и Pro.