Geek Answers Handbook

Handling new iPhone screen sizes with background image

So, since the new iPhone 6/6 + came out, I got a little confused about how to handle asset directories for a background image.

Possible options:

  • iPhone 1x (320x480)
  • iPhone 2x (640x960)
  • iPhone R4 (640x1136)
  • iPhone 3x (I assume it is 3 * (1x), which will be 960x1440)

What sizes should I supply here because the resolution of the iPhone 6+ is 1080x1920 , but 3x will be 960x1440 , right?

+7
ios iphone iphone-6-plus asset-catalog
source share
2 answers

Image sizes for the new iPhone6 ​​/ 6 +:

 For iPhone 6: 750 x 1334 (@2x) for portrait 1334 x 750 (@2x) for landscape For iPhone 6 Plus: 1242 x 2208 (@3x) for portrait 2208 x 1242 (@3x) for landscape

Hope this helps you.

+2
source share

iPhone6 ​​Plus 2208x1242px | 736x414pt | 1920x1080px | 1pt = 3px

iPhone6 1334x750px | 667x375pt | 1334x750px | 1pt = 2 px

iPhone4s 960x640px | 480x320px | 960x640px | 1pt = 2 px

Here for details

Firstly, this is the size of the resources, the second is the physical point , the third is the screen size, iPhone6 ​​plus is slightly connected, because its screen size is not equal to the size of the resources, and each resource will reduce the time by 1.15 times.

For your @ 3x question, the physical point of each device is used. therefore iPhone6 ​​@ 3x should be 736x414px X 3 = 2208x1242px

+1
source share

More articles:


All Articles