Експорт ассетів у форматі PDF для iOS-застосунку
PDF в Asset Catalog iOS — не те ж саме, що PDF-документ. Це спрощений вектор, який Xcode використовує як джерело для рендеринг іконок та простої графіки у потрібному масштабі.
Коли PDF має сенс
Для монохромних іконок та простих форм без градієнтів та складних масок — PDF виграє. Один файл замість трьох PNG, автоматичне масштабування під @2x та @3x, менший розмір у Assets.xcassets. При ввімкненому Preserve Vector Data та налаштуванні Single Scale в інспекторі ассета рендеринг відбувається на рівні Core Graphics без пікселізації.
Для багатокольорових ілюстрацій з растровими елементами PDF не підходить — Xcode може інтерпретувати прозорість та кольорові профілі інакше, ніж очікує дизайнер. У таких випадках залишаємося на PNG @3x.
Як правильно експортувати
У Figma: вибираємо фрейм або компонент, в Export задаємо формат PDF. Перед експортом — Flatten шарів, де є складні булеві операції, інакше Figma сгенерує зайві clipping paths. Файл експортується без вбудованих растрових зображень.
У Xcode: перетягуємо PDF у Asset Catalog, в інспекторі справа: Scale → Single Scale, ставимо галочку Preserve Vector Data. Після цього іконка рендериться векторно у UIImageView з tintColor та коректно масштабується при Dynamic Type.
Якщо PDF містив кольори — вони зберегутися та tintColor не переопредели їх. Для темплейт-іконок (керовані tintColor) потрібен монохроматичний PDF з одним заливочним кольором.
Що входить у роботу
- Експорт векторних ассетів з Figma / Sketch у PDF
- Налаштування Asset Catalog з коректними параметрами Single Scale та Preserve Vector Data
- Перевірка відображення на симуляторі при різних розмірах та темах
Строки
Експорт та налаштування повного набору іконок проекту: 2–3 години. Вартість розраховується індивідуально.