iPhone Screen Sizes: A Guide for Developers [Infographic]

iPhone Screen Sizes: A Guide for Developers [Infographic]

By Dan Davidson

As a social media agency, we’re always excited to get our hands on the latest tech.

UPDATE: Infographic now updated to include device ppi and how iPhone 6 Plus expects @3x which it then internally downscales to around 87%.

iphone-screen-size-comparison-v1.1.0

(View larger version here)

The iPhone 6 and iPhone 6 Plus were announced last week to much fanfare, sporting upgraded cameras, faster processors, laser beams (I think) and (perhapsmost significantly for developers) larger screens.

Big screen phones are nothing new (I have a Galaxy Note II, which has the same physical sized screen as the iPhone 6 Plus) but when Apple makes a move the industry tends to notice and standards get set. The screen size changes are more significant for native iOS developers than web and social media developers, however it is still important to consider the possibilities with these larger screen sizes now set to become very common.

Stats

The iPhone 6 and iPhone 6 Plus has 750px and 1080px of physical pixel width respectively, which a retina conversion (@2x and @2.6x) equates to 375 points and 414 points. A quirky number to consider is the iPhone 6 Plus, which has a 2.6x conversion to retina (414 points). All models on sale now sport a 16:9 ratio.

iPhone 6 iPhone 6 Plus
Physical pixel width: 750px Physical pixel width: 1080px
Retina equivalent (@2x) width: 375px Retina equivalent (@2.6x) width: 414px
Physical pixel height: 1334px Physical pixel height: 1920px
Retina equivalent (@2x) height: 667px Retina equivalent (@2.6x) height: 736px

End of 320px and up?

In a word, no, and nor would we want to think that way either because if anything, the trend will go the other way and start accommodating even smaller devices like watches, in-car dashes, even thermostats… Many more smart interfaces of all sizes are coming to market all the time and is only set to explode in the near future. Bringing the web to them will be an interesting challenge.

So 320px, for now, remains a great baseline target.

Over to you

If you have any thoughts about how the new iPhone screen sizes will impact on app and website development feel free to chime in below in the comments, we’d love to hear from you.

 

This post was written by Dan Davidson

Dan is a Web Developer. He develops microsites and applications for brand campaigns.