Разрешение и размер изображений
Система координат, которую iOS использует для размещения содержимого на экране, основана на измерениях в точках, которые отображаются в пикселях на дисплее. Дисплей со стандартным разрешением имеет плотность пикселей 1: 1 (или @ 1x), где один пиксель равен одной точке. Дисплеи с высоким разрешением имеют более высокую плотность пикселей, предлагая масштабный коэффициент 2,0 или 3,0 (называемый @ 2x и @ 3x). В результате в дисплеях с высоким разрешением требуются изображения с большим количеством пикселей.
Предположим, что у вас есть изображение со стандартным разрешением (@ 1x), которое составляет 100px × 100px. Версия @ 2x этого изображения будет 200px × 200px, а версия @ 3x будет 300px × 300px.
Предоставляйте изображения с высоким разрешением для всех иллюстраций в приложении и для всех устройств, поддерживаемых вашим приложением. В зависимости от устройства это достигается путем умножения количества пикселей в каждом изображении на определенный масштабный коэффициент.
Предоставляйте изображения с высоким разрешением для всех иллюстраций в приложении и для всех устройств, поддерживаемых вашим приложением. В зависимости от устройства это достигается путем умножения количества пикселей в каждом изображении на определенный масштабный коэффициент.
Разработка художественных работ в высоком разрешении
Используйте сетку 8 на 8 пикселей. Сетка обеспечивает четкость линий и максимальную четкость содержимого при любых размерах, что требует меньше ретуши и резкости. Прикрепите границы изображения к сетке, чтобы минимизировать половинные пиксели и размытие деталей, которые могут возникнуть при уменьшении масштаба.
Создавайте картинки в соответствующем формате. Используйте формат PNG для растровых изображений. PNG поддерживает прозрачность и, благодаря отсутствию потерь, артефакты сжатия не размывают важные детали и не изменяют цвета. Это хороший выбор для замысловатых иллюстраций, требующих таких эффектов, как затенение, текстуры и блики. Используйте JPEG для фотографий. Его алгоритм сжатия обычно дает меньшие размеры, чем форматы без потерь, и артефакты труднее различить на фотографиях. Однако фотореалистичные значки приложений выглядят лучше в PNG. Используйте PDF для символов и других плоских векторных изображений, требующих масштабирования с высоким разрешением.
Используйте 8-битную цветовую палитру для графики PNG, для которой не требуется полный 24-битный цвет. Использование 8-битной цветовой палитры уменьшает размер файла без снижения качества изображения. Эта палитра не подходит для фотографий.
Оптимизируйте файлы JPEG, чтобы найти баланс между размером и качеством. Большинство файлов JPEG могут быть сжаты без заметного ухудшения результирующего изображения. Даже небольшое сжатие может значительно сэкономить место на диске. Поэкспериментируйте с настройками сжатия на каждом изображении, чтобы найти оптимальное значение, которое даст приемлемый результат.
Предоставьте альтернативные текстовые метки для изображений и значков. Альтернативные текстовые метки не видны на экране, но они позволяют VoiceOver голосом описывать то, что на нем находится, облегчая навигацию для людей с нарушениями зрения.
Создавайте картинки в соответствующем формате. Используйте формат PNG для растровых изображений. PNG поддерживает прозрачность и, благодаря отсутствию потерь, артефакты сжатия не размывают важные детали и не изменяют цвета. Это хороший выбор для замысловатых иллюстраций, требующих таких эффектов, как затенение, текстуры и блики. Используйте JPEG для фотографий. Его алгоритм сжатия обычно дает меньшие размеры, чем форматы без потерь, и артефакты труднее различить на фотографиях. Однако фотореалистичные значки приложений выглядят лучше в PNG. Используйте PDF для символов и других плоских векторных изображений, требующих масштабирования с высоким разрешением.
Используйте 8-битную цветовую палитру для графики PNG, для которой не требуется полный 24-битный цвет. Использование 8-битной цветовой палитры уменьшает размер файла без снижения качества изображения. Эта палитра не подходит для фотографий.
Оптимизируйте файлы JPEG, чтобы найти баланс между размером и качеством. Большинство файлов JPEG могут быть сжаты без заметного ухудшения результирующего изображения. Даже небольшое сжатие может значительно сэкономить место на диске. Поэкспериментируйте с настройками сжатия на каждом изображении, чтобы найти оптимальное значение, которое даст приемлемый результат.
Предоставьте альтернативные текстовые метки для изображений и значков. Альтернативные текстовые метки не видны на экране, но они позволяют VoiceOver голосом описывать то, что на нем находится, облегчая навигацию для людей с нарушениями зрения.