На скріншотах показано англійську програму. Попередньо встановлені назви та елементи керування також доступні мовою програми.

Ваша відправна точка

Використовуйте Ресурси 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.

ФАЙЛИ З ЦЬОГО ПРОХОДЖЕННЯ

Що дав цей приклад

Джерело — прозорий 900 × 600 PNG, що представляє @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. Порівняйте Free & Pro.