Xcode iOS Универсальное приложение Размеры изображения

Question

Я пытаюсь создать universal application for all iOS devices (iPhone и iPad). Теперь я смущен обработкой размера изображения. дайте мне @1x , 2x, 3x Размер и размер изображения.

Answer 1

Как известно, на рынке доступно несколько устройств iOS, таких как iPhone 4, iPhone 4s, iPhone 5, iPhone 5s, iPhone 6, iPhone 6+, iPad, iPad Retina и так далее.

Эти устройства имеют разные разрешения, когда более новые устройства (например, iPhone 6 и iPad Retina) имеют более высокое разрешение, а более старые устройства (например, iPhone 4) имеют более низкие разрешения.

Для изображения, @ 1x, @ 2x и @ 3x заполнителей в актив изображения позволяет обеспечить:

1. низкое разрешение изображения, которое отображается в @ 1x,
2. a mid изображение с разрешением, которое соответствует @ 2x и
3. a высокое изображение с разрешением, которое соответствует @ 3x.

Таким образом, в качестве универсального приложения, то @ 1x/низкое разрешение изображения для значка, например, автоматически будет использоваться для iPhone 4 устройств в то время как ваш @ 3x/высокое разрешение изображения будет используется для устройств iPhone 6.

Для моих универсальных приложений я принимаю различные изображения PNG и масштабирую их согласно Icon and Image Sizes в документации Apple iOS Human Interface Guidelines.

Например, если у меня есть App Icon изображение, то я буду создавать три копии этого изображения в трех различных размерах:

1. низкое разрешение @ 1x версию на 76 х 76.
2. в середине разрешение версии @ 2x при 120 х 120
3. высокого разрешения @ 3x версии на 180 х 180.

Если вы используете раскадровку, вы можете перетащить соответствующее изображение в соответствующее положение изображения изображения 1x/2x/3x для изображения.

Снова обратитесь к руководствам Apple по человеческому и пользовательскому интерфейсу, чтобы получить приблизительный размер изображения, на который вы хотите настроить таргетинг для различных активов (например, значок приложения, изображение запуска, значок настроек, значок панели вкладок и т. Д.). ,

Answer 2

Существует соглашение об обозначении изображений для устройств. Пожалуйста, проверьте ниже яблочного док для более refrences- использования http://developer.apple.com/library/mac/#documentation/Cocoa/Conceptual/LoadingResources/ImageSoundResources/ImageSoundResources.html#//apple_ref/doc/uid/10000051i-CH7-SW17

«~ Iphone» для iPhone изображений и без суффикса для IPad. Вы можете использовать «iPad» для изображений iPad.

MyImage.png - Стандартная версия ресурса изображения.

MyImage@2x.png - версия ресурса изображений для изображений с дисплеями Retina с высоким разрешением.

MyImage ~ iphone.png - Версия изображения для iPhone и iPod touch.

MyImage@2x~iphone.png - версия изображения с высоким разрешением для iPhone и iPod touch с дисплеями Retina.