Сжать изображение для iOS-приложения
Создавайте варианты iOS-ассетов @1x, @2x и @3x из одного исходного изображения - задайте базовый размер в логических точках, выберите выходной формат PNG или JPEG и скачайте все три варианта масштаба в виде ZIP, готового для Xcode, с включённым Contents.json. Вся обработка происходит локально в вашем браузере, без загрузок на сервер и без регистрации.
@2x = 88×88px · @3x = 132×132px
PNG is recommended for icons and UI assets with transparency.
iOS Asset Scale Variants
@1x - Standard
Base logical size
Non-Retina displays
@2x - Retina
2× the base size
iPhone 6/7/8, iPad Pro
@3x - Super Retina
3× the base size
iPhone X, 11, 12, 13, 14, 15
The ZIP includes a Contents.json file ready to drop into an Xcode asset catalog (.xcassets).
Почему стоит использовать наш инструмент сжатия изображений для iOS?
- Мгновенное создание iOS-ассетов: наш инструмент создаёт все три варианта масштаба (@1x, @2x, @3x) из одного исходного изображения за секунды - без Photoshop, Sketch и инструментов командной строки. Загрузите, задайте базовый размер и сразу скачайте все варианты.
- Безопасное сжатие для iOS-приложений онлайн: ваши изображения никогда не покидают устройство. Инструмент работает на 100% на стороне клиента в вашем браузере - без загрузок на сервер, без хранения данных и без риска для приватности. Безопасно для сжатия проприетарных значков приложений, элементов интерфейса и брендовых изображений.
- Сжатие для iOS-приложений без установки: создавайте варианты iOS-ассетов прямо в браузере, не устанавливая Xcode, ImageMagick или другие инструменты. Инструмент работает в Windows, macOS и Linux - откройте страницу и сразу начинайте.
- ZIP, готовый для Xcode, с Contents.json: ZIP-загрузка включает готовый к использованию файл Contents.json, отформатированный для каталогов ассетов Xcode (.xcassets). Поместите содержимое ZIP прямо в каталог ассетов вашего проекта Xcode - ручная настройка не требуется.
Что такое варианты масштаба iOS @1x, @2x и @3x?
Устройства iOS используют систему координат в логических точках, независимую от физической плотности пикселей экрана. Кнопка 44×44 точки занимает одинаковое логическое пространство на всех iPhone, но фактические размеры в пикселях различаются по устройствам: @1x (44×44 px, не Retina), @2x (88×88 px, Retina) и @3x (132×132 px, Super Retina на iPhone X и новее). iOS автоматически выбирает правильный вариант масштаба в зависимости от плотности экрана устройства - если предоставить только один размер, iOS увеличит или уменьшит его, что приведёт к размытым или пикселизированным изображениям. Наш инструмент создаёт все три варианта из одного исходного изображения, чтобы ваше приложение выглядело чётко на каждом устройстве.
Как работает наш инструмент сжатия изображений для iOS
- Загрузите исходное изображение: перетащите любой файл изображения - PNG, JPEG, WebP или GIF - в зону загрузки. Инструмент автоматически определяет размеры изображения и заполняет базовый размер @1x (рассматривая источник как изображение @3x). Настройте базовую ширину и высоту в соответствии с желаемым логическим размером в точках.
- Создайте все варианты масштаба: нажмите «Создать @1x @2x @3x», и инструмент отрисует ваше изображение во всех трёх коэффициентах масштаба с помощью API HTML5 Canvas. Вся обработка происходит локально в вашем браузере - изображения никогда не покидают устройство.
- Скачайте ZIP, готовый для Xcode: нажмите «Скачать ZIP + Contents.json», чтобы скачать все три варианта плюс файл Contents.json, отформатированный для каталогов ассетов Xcode. Поместите содержимое ZIP прямо в папку .xcassets в Xcode.
Что создаёт инструмент
- Вариант @1x: отрисовывается в указанном вами базовом логическом размере в точках (например, 44×44 px для стандартной сенсорной зоны). Используется на дисплеях не Retina и в качестве базового ориентира каталога ассетов.
- Вариант @2x: отрисовывается ровно в 2× базового размера (например, 88×88 px). Используется на дисплеях Retina, включая iPhone 6/7/8, iPad Pro и большинство современных iPad.
- Вариант @3x: отрисовывается ровно в 3× базового размера (например, 132×132 px). Используется на дисплеях Super Retina, включая серии iPhone X, 11, 12, 13, 14 и 15.
- Contents.json: корректный файл манифеста каталога ассетов Xcode, сопоставляющий каждый файл изображения с его коэффициентом масштаба - поместите его в папку .xcassets вместе с тремя файлами изображений для мгновенного распознавания Xcode.
Важные ограничения
Этот инструмент создаёт растровые варианты изображений с фиксированными коэффициентами масштаба. Он не поддерживает векторные PDF-ассеты (которые Xcode может использовать для автоматического создания всех масштабов) и символьные изображения (SF Symbols). Для значков приложений Apple требует дополнительных размеров помимо @1x/@2x/@3x - используйте инструмент генерации значков приложений для полных наборов значков App Store. Инструмент сжатия для iOS-приложений лучше всего подходит для элементов интерфейса, значков панели вкладок и пользовательских иллюстраций.
Часто задаваемые вопросы
iOS использует систему координат в логических точках, где кнопка 44×44 точки занимает одно и то же логическое пространство на всех устройствах. Вариант @1x - 44×44 px (не Retina), @2x - 88×88 px (Retina), а @3x - 132×132 px (Super Retina на iPhone X и новее). iOS автоматически выбирает правильный вариант в зависимости от плотности экрана устройства - наличие всех трёх обеспечивает чёткость на каждом устройстве.
Базовый размер - это логический размер @1x в точках для вашего ассета. Для стандартных сенсорных зон Apple рекомендует 44×44 pt. Для значков панели вкладок стандартом является 25×25 pt. Для значков панели навигации - 22×22 pt. Инструмент автоматически заполняет базовый размер, деля размеры исходного изображения на 3 (рассматривая его как источник @3x), что является наиболее распространённым рабочим процессом.
Да, полностью. Инструмент сжатия для iOS-приложений работает целиком на стороне клиента в вашем браузере. Ваши изображения никогда не загружаются на сервер, не сохраняются и не передаются по сети. Вся отрисовка и сжатие происходят локально в памяти браузера с помощью API HTML5 Canvas.
Да. Инструмент сжатия для iOS-приложений на 100% бесплатен: без регистрации, без премиум-тарифа, без ограничений размера файла и без водяных знаков. Вы можете создавать столько наборов iOS-ассетов, сколько позволяет память браузера, без каких-либо ограничений.
Contents.json - это файл манифеста, который Xcode использует для идентификации изображений в каталоге ассетов (.xcassets). Он сопоставляет имя каждого файла изображения с его коэффициентом масштаба (1x, 2x, 3x) и идиомой (universal). Поместите содержимое ZIP прямо в папку .xcassets в Xcode, и ассет будет немедленно распознан без ручной настройки.
PNG рекомендуется для большинства элементов интерфейса iOS - он поддерживает полную альфа-прозрачность, не имеет потерь и нативно поддерживается всеми версиями iOS. Используйте JPEG для фотографических изображений, где прозрачность не нужна и важнее размер файла. WebP поддерживается с iOS 14, но может быть несовместим с более старыми целевыми платформами.
Да. React Native использует ту же схему именования @1x/@2x/@3x для изображений iOS (например, image.png, [email protected], [email protected]). Flutter также поддерживает эту схему для iOS. Инструмент создаёт файлы с правильным шаблоном имени - просто поместите их в каталог assets вашего проекта.
Значки App Store требуют нескольких конкретных размеров помимо стандартных вариантов @1x/@2x/@3x (например, 1024×1024 для App Store, 60×60 @2x и @3x для домашнего экрана). Этот инструмент создаёт три варианта масштаба на указанном вами базовом размере, что охватывает элементы интерфейса и значки панели вкладок. Для полного набора значков App Store используйте специальный инструмент генерации значков приложений.
Инструмент увеличит ваше исходное изображение, чтобы создать более крупные варианты, что может привести к размытому результату. Для лучших результатов всегда начинайте с исходного изображения не меньше целевого размера @3x (3× базовой ширины и высоты). Инструмент заполняет базовый размер, деля размеры источника на 3, так что если ваш источник 132×132 px, вывод @3x будет идеально точным до пикселя.