Подготовка графических ассетов под разные плотности экрана (@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 дней. Стоимость рассчитывается индивидуально.