What is the iphone screen size

What is the iphone screen size

The 2021 iPhone 13 release feels like an incremental update over the iPhone 12. Not much has changed but here’s a recap of what you need to know to update your apps for the new devices.

The New Models In A Nutshell

The four new iPhone 13 devices follow the screen sizes of their iPhone 12 equivalents:

iPhone 13

  • Display: 6.1″ Super Retina XDR (OLED)
  • Screen resolution (points): 390 x 844
  • Native resolution (pixels): 1170 x 2532 (460 ppi)
  • Native Scale factor: 3x
  • Portrait size classes: w: Compact, h: Regular
  • Landscape size classes: w: Compact, h: Compact

The status bar is 47 points high which gives the following safe area insets:

  • Safe Area Insets (portrait): top: 47, bottom: 34, left: 0, right: 0
  • Safe Area Insets (landscape): top: 0, bottom: 21, left: 47, right: 47

iPhone 13 mini

  • Display: 5.4″ Super Retina XDR (OLED)
  • Screen resolution (points): 375 x 812
  • Native resolution (pixels): 1080 x 2340 (476 ppi)
  • Native Scale factor: 2.88x
  • Portrait size classes: w: Compact, h: Regular
  • Landscape size classes: w: Compact, h: Compact

The status bar is 50 points high which gives the following safe area insets:

  • Safe Area Insets (portrait): top: 50, left: 0, bottom: 34, right: 0
  • Safe Area Insets (landscape): top: 0, left: 50, bottom: 21, right: 50

iPhone 13 Pro

  • Display: 6.1″ Super Retina XDR (OLED) with ProMotion
  • Screen resolution (points): 390 x 844
  • Native resolution (pixels): 1170 x 2532 (460 ppi)
  • Scale factor: 3x
  • Portrait size classes: w: Compact, h: Regular
  • Landscape size classes: w: Compact, h: Compact
Читайте также:  Apple id не меняет страну

The status bar is 47 points high which gives the following safe area insets (same as the iPhone 13):

  • Safe Area Insets (portrait): top: 47, bottom: 34, left: 0, right: 0
  • Safe Area Insets (landscape): top: 0, bottom: 21, left: 47, right: 47

iPhone 13 Pro Max

  • Display: 6.7″ Super Retina XDR (OLED) with ProMotion
  • Screen resolution (points): 428 x 926
  • Native resolution (pixels): 1284 x 2778 (458 ppi)
  • Scale factor: 3x
  • Portrait size classes: w: Compact, h: Regular
  • Landscape size classes: w: Regular, h: Compact

The status bar is 47 points high which gives the following safe area insets (same as the iPhone 13):

  • Safe Area Insets (portrait): top: 47, bottom: 34, left: 0, right: 0
  • Safe Area Insets (landscape): top: 0, bottom: 21, left: 47, right: 47

A Smaller Notch

It’s not obvious from the numbers above but the notch appears a little smaller this year:

This doesn’t affect the safe area insets or status bar height but if you’re putting something in that area you’ll want to check how it looks.

The Complete List of iPhones (and an iPod)

By my count there are 9 different iPhone screen sizes that you need to support with a minimum deployment target of iOS 13:

6.7″ (428 x 926 points @3x)
iPhone 13 Pro Max, iPhone 12 Pro Max

6.5″ (414 x 896 points @3x)
iPhone 11 Pro Max, iPhone XS Max

6.1″ (390 x 844 points @3x)
iPhone 13 Pro, iPhone 13, iPhone 12 Pro, iPhone 12

6.1″ (414 x 896 points @2x)
iPhone 11, iPhone XR

5.8″ (375 x 812 points @3x)
iPhone 11 Pro, iPhone XS, iPhone X

5.5″ (414 x 736 points @3x)
iPhone 8 Plus, iPhone 7 Plus, iPhone 6S Plus

Читайте также:  Найти айфон активация проверить

5.4″ (375 x 812 points @3x)
iPhone 13 mini, iPhone 12 mini

4.7″ (375 x 667 points @2x)
iPhone SE (2nd Gen), iPhone 8, iPhone 7, iPhone 6S

4″ (320 x 568 @2x)
iPhone SE (1st Gen), iPod Touch (7th Gen)

App Store Screenshots

The screenshot requirements in App Store Connect have not changed for the new device sizes. This means you still need at least a 6.5″ (1242 x 2688 pixel) and a 5.5″ (1242 x 2208 pixel) screenshot which are then scaled for the remaining sizes you don’t supply.

Want To Learn More?

If you’re struggling to build layouts that work across the growing range of iOS devices you might like my book — Modern Auto Layout.

Источник

Viewport Sizes for iPhone

Apple iPhone have Retina Display, Which means iPhone screen shows 2x or 3x higher resolution display instead of normal display to our Eye.

In Retina display, ONE pixel may contains many more pixels, thats why Retina Display or Device Dimensions got bigger and we see high resolution of images and content in smaller display. However devices’ actual dimensions depends on actual Pixels Per Inch which is called «Viewport Size» of device or «device-width». Web designs for mobile or CSS responsive styles are based on viewport size of devices, Click here to see popular devices viewport table.

Here we list down all Apple iPhone models with their viewport size, resolution, pixel density, screen size and CSS media queries respectively:

Viewport Size Table for iPhone models
Device
Name
Viewport
SizePX
Device
Resolution PX
Screen
Size
Pixel
Ratio
Density
PPI
CSS
PPI
Media
Queries
Apple iPhone 12 mini 360 x 780 1080 x 2340 5.4″ 3.0 476 159
Apple iPhone 12 Pro Max 428 x 926 1284 x 2778 6.7″ 3.0 458 153
Apple iPhone 12 Pro 390 x 844 1170 x 2532 6.1″ 3.0 460 153
Apple iPhone 12 390 x 844 1170 x 2532 6.1″ 3.0 460 153
Apple iPhone SE (2020) 375 x 667 750 x 1334 4.7″ 2.0 326 163
Apple iPhone 11 Pro Max 414 x 896 1242 x 2688 6.5″ 3.0 458 153
Apple iPhone 11 Pro 375 x 812 1125 x 2436 5.8″ 3.0 458 153
Apple iPhone 11 414 x 896 828 x 1792 6.1″ 2.0 326 163
Apple iPhone XS Max 414 x 896 1242 x 2688 6.5″ 3.0 458 153
Apple iPhone XR 414 x 896 828 x 1792 6.1″ 2.0 326 163
Apple iPhone X 375 x 812 1125 x 2436 5.8″ 3.0 458 153
Apple iPhone 8 375 x 667 750 x 1334 4.7″ 2.0 326 163
Apple iPhone 8 Plus 414 x 736 1080 x 1920 5.5″ 3.0 401 134
Apple iPhone 7 375 x 667 750 x 1334 4.7″ 2.0 326 163
Apple iPhone 7 Plus 414 x 736 1080 x 1920 5.5″ 3.0 401 134
Apple iPhone 6s Plus 414 x 736 1080 x 1920 5.5″ 3.0 401 134
Apple iPhone SE 320 x 568 640 x 1136 4.0″ 2.0 326 163
Apple iPhone 6s 375 x 667 750 x 1334 4.7″ 2.0 326 163
Apple iPhone 6 375 x 667 750 x 1334 4.7″ 2.0 326 163
Apple iPhone 5s 320 x 568 640 x 1136 4.0″ 2.0 326 163
Apple iPhone 5c 320 x 568 640 x 1136 4.0″ 2.0 326 163
Apple iPhone 5 320 x 568 640 x 1136 4.0″ 2.0 326 163

This website uses cookies, We and our partners use technology such as cookies to analyse our traffic and to show you personalised content and ads. You consent to our cookies by clicking «Agree» or by continuing to use our website.

Источник

Читайте также:  Gfx tools для iphone
Оцените статью