Підготовка графічних ассетів під різні щільності екрану (@1x, @2x, @3x)

TRUETECH займається розробкою, підтримкою та обслуговуванням мобільних додатків iOS, Android, PWA. Маємо великий досвід та експертизу для публікації мобільних додатків до популярних маркетів Google Play, App Store, Amazon, AppGallery та інші.
8+Років на ринку900+Реалізованих проектів100+Розробників у штаті19+Партнерів

Розробка та підтримка будь-яких видів мобільних додатків:

Інформаційні та розважальні мобільні програми
Новинки, ігри, довідники, онлайн-каталоги, погодні, фітнес та здоров'я, туристичні, освітні, соціальні мережі та месенджери, квіз, блоги та подкасти, форуми, агрегатори
Мобільні програми електронної комерції
Інтернет-магазини, B2B-додатки, маркетплейси, онлайн-обмінники, кешбек-сервіси, біржі, дропшиппінг-платформи, програми лояльності, доставка їжі та товарів, платіжні системи
Мобільні програми для управління бізнес-процесами
CRM-системи, ERP-системи, управління проектами, інструменти для команди продажів, облік фінансів, управління виробництвом, логістика та доставка, управління персоналом, системи моніторингу даних
Мобільні програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, платформи надання електронних послуг, платформи кешбеку, відеохостинги, тематичні портали, платформи онлайн-бронювання та запису, платформи онлайн-торгівлі

Це лише деякі з типів мобільних додатків, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 1735 послуг
Підготовка графічних ассетів під різні щільності екрану (@1x, @2x, @3x)
Простий
від 4 годин до 2 днів
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_mobile-applications_feedme_467_0.webp
    Розробка мобільного додатка для компанії FEEDME
    792
  • image_mobile-applications_xoomer_471_0.webp
    Розробка мобільного додатку для компанії XOOMER
    671
  • image_mobile-applications_rhl_428_0.webp
    Розробка мобільного додатку для компанії RHL
    1097
  • image_mobile-applications_zippy_411_0.webp
    Розробка мобільного додатку для компанії ZIPPY
    969
  • image_mobile-applications_affhome_429_0.webp
    Розробка мобільного додатку для компанії Affhome
    914
  • image_mobile-applications_flavors_409_0.webp
    Розробка мобільного додатку для компанії FLAVORS
    495
Показати більше робіт

Підготовка графічних ассетів під різні щільності екрана (@1x, @2x, @3x)

Неправильно експортовані ассети — частої причини розмитих іконок та лишнього ваги застосунку. PNG на 300dpi, експортований без урахування логічних точок iOS, виглядає чітко у Figma, але розмивається на пристрої.

Як працює система щільностей на iOS

iOS оперує логічними точками (pt), а не фізичними пікселями (px). iPhone SE відображає @2x (1pt = 2px), більшість сучасних iPhone — @3x (1pt = 3px). Якщо іконка 24×24pt, потрібні три файли: icon.png 24×24px (@1x, для симулятора), [email protected] 48×48px, [email protected] 72×72px.

Помилка: експортувати тільки @2x та рахувати, що система масштабує. Масштабування є, але якість страждає — особливо помітно на іконках з тонкими лініями та гострими кутами.

Правильний експорт з Figma

У Figma задаємо три Export пресети для кожного ассета: 1x (суфікс пусто), 2x (суфікс @2x), 3x (суфікс @3x). Експортуємо у PNG без ретуші. Потім через Xcode Asset Catalog кладемо файли у слоти 1x, 2x, 3x — Xcode сам вибирає потрібний під пристрій.

Для векторних іконок простої форми використовуємо PDF в Asset Catalog з Preserve Vector Data — тоді Xcode рендерит іконку як вектор, і ніякої растеризації. Але складні багатокольорові ілюстрації краще як PNG: PDF з градієнтами іноді рендериться не так, як очікується.

SVG нативно в Xcode Asset Catalog не підтримується для iOS (тільки для macOS 11+). Конвертуємо через Sketch або сторонні інструменти у PDF або прямо у PNG набір.

Що входить у роботу

  • Підготовка та експорт всіх графічних ассетів проекту в @1x/@2x/@3x
  • Оптимізація PNG через pngcrush або optipng для зменшення ваги без втрати якості
  • Формування структури Assets.xcassets з правильними іменами та слотами
  • Рекомендації по вибору PDF vs PNG для конкретних типів ассетів

Строки

Підготовка повного набору ассетів для проекту (20–50 елементів): 4 години–1 день. При великому обсязі або необхідності ручної доробки ілюстрацій — до 2 днів. Вартість розраховується індивідуально.