I have tested iPhone 6 and seems when I have set 1x 2x Retina4 2x and 3x images the iPhone 6 uses 2x image that is 640 x 960 px image.
How can I set image for iPhone 6 which needs 750×1334 px?
1x image = 640 x 960 pixel image
2x image = 750 x 1334 pixel image
3x image = 1242 x 2208 pixel image
I think the solution is updating your 2x image to 750x1334 px, because iPhone 6 will use the 2x image.
From iOS Human Interface Guidelines
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/Iconography.html#//apple_ref/doc/uid/TP40006556-CH59-SW1
Support the Retina display. Make sure that you supply high resolution assets for all artwork and graphics in your app. In particular, supply #3x assets for iPhone 6 Plus and #2x assets for all other high-resolution iOS devices.
Related
I am doing a background image for iPhone.
On iPhone 8 plus, the resolution is 1242 x 2208 in pixel.
On iPhone X, the reslution is 1125 x 2436 in pixel.
Both of them require for #3x in iPhone App development.
My question : which reeslution shall I make for #3x ?
I am developing an app in 12.9 iPad Pro. In this app, I need to set the background images. So I need to know what are the dimensions to set on the background in 12.9 iPad pro phone. How to set the #1x,#2x,#3x and its resolutions?
1x will be 1366 x 1024 in portrait 2x will be 2732 x 2048 in portrait
1x will be 1024 x 1366 in landscape 2x will be 2048 x 2732 in landscape
For 12.9" iPad you need the images to be in the following resolutions.
iPad Pro (12.9 Inch)
#1x
Portrait 2048 x 2732
Landscape 2732 x 2048
#2x multiply the value by 2
#3x multiply the value by 3
Note*
Its not necessary to have the image at 2732 x 2048 resolution. You can also have larger images, But if you use this resolution images then it will look fine.
Also this resolution will be helpful while you deal with "Launch Image" for this device. For iPad 12.9 your launch image size should be 2048 x 2732
I'm working on the graphics for an app that will run in portrait mode only for the iPhone 5 - 6 plus. The images should be the total width of the portrait screen. Based on this page:
http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions it looks as if my image widths should be as follows:
x = 640 pixels in width,
2x = 750 pixels in width,
3x = 1125 pixels in width
Does the above look correct?
When creating these images in Photoshop is it best to save them at 72 ppi?
Thank you for your assistance.
Not sure why your refer to them as "x", "2x" and "3x", but the screen widths (native for iPhone 4/5/6, virtual for 6 Plus) are:
640 pixels (iPhone 4/5)
750 pixels (iPhone 6)
1242 pixels (iPhone 6 Plus)
The ppi resolution doesn't matter if you set the sizes in pixels. It only matters if you set the size in cm, inches or similar length units. If you want to see them at their "real" size, you should select 326 ppi for iPhone 4/5/6 and 461 ppi for 6 Plus.
iPhone 4 and iPhone 6, when using image cassettes in a xib, use the same #2x image. Is it possible to use different images for each and not use scaled mode for windows 6/6+? I am trying to use a full screen image for each and the iPhone 6 image doesn't scale down correctly, and the iPhone 4 image doesn't scale up correctly.
For the launch image you can use the assets folder with the device specific launch images.
Here you can set the Retina HD 4.7 Launchscreen for the iPhone 6
1x = 320 x 480
2x = 640 x 960 - iPhone 4
Retina 4 = 640 x 1136 - iPhone 5
Retina HD 4.7 = 750 x 1334 - iPhone 6
Retina HD 5.5 = 1242 x 2208 - iPhone 6+
EDIT
Go to the General Settings Of your project and check your settings make sure you have selected the assets folder. Remove the Launch Screen File text.
What is the official iOS naming convention for(#2X),
iPhone 6 :
667x375 points 1334x750 pixels 2x scale 1334x750 physical pixels 326 physical ppi 4.7"
iPhone 5 :
568x320 points 1136x640 pixels 2x scale 1136x640 physical pixels 326 physical ppi 4.0"
iPhone 4 :
480x320 points 960x640 pixels 2x scale 960x640 physical pixels 326 physical ppi 3.5"
so, that device recognise the image(with #2X) is for iPhone 6, iPhone 5 or iPhone 4?
There is no publicly exposed way to differentiate your images between the various device sub-types. If you must load a separate image depending upon whether your app is running on an iPhone 4s, 5, or 6, you will need to perform the detection of the device and loading of the proper image entirely in your own code (use the screen size to differentiate).
You may try #3x, though I haven't checked it.