Iphone height and width

The 2020 iPhone release brings us four new models with three new device sizes including a 5.4″ mini. Here’s a recap of what you need to know to update your Apps for the new devices.

Last updated: Sep 16, 2021

The New Models In A Nutshell

The four new devices all follow the iPhone X style of having no home button and a cutout or notch for the camera and sensor housing.

iPhone 12

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

iPhone 12 mini

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

This year Apple has given the two lower cost iPhones the same Super Retina XDR (OLED) display technology as the higher cost Pro models. Previously the iPhone 11 had a lower resolution Liquid Retina HD (LCD) display compared to the iPhone 11 Pro.

iPhone 12 Pro

Display: 6.1″ Super Retina XDR (OLED)
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

iPhone 12 Pro Max

Display: 6.7″ Super Retina XDR (OLED)
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 iPhone 12 Pro shares the same 6.1″ screen size and resolution as the iPhone 12.

The iPhone 12 Pro Max follows the pattern of other Plus and Max models by having a regular width size class in landscape.

It’s recommended to submit an update built with Xcode 12.1 so your apps are correctly sized on the new devices.

Safe Area Insets — Mind the Gap

There’s one more curiosity with the iPhone 12 mini. The safe area inset at the top of the device is slightly larger than the height of the status bar. For comparison, here is the iPhone 12. The status bar is 47 points high which matches the top safe area inset at 47 points. Notice how the time is more or less aligned with the bottom of the notch:

The iPhone 12 mini has a status bar that is only 44 points high — the same as the 5.8″ models like the iPhone X. The difference is that the mini has a safe area top inset of 50 points:

For reasons unknown, this leaves a 6 point gap between the bottom of the status bar and the top of the safe area. I should say this all based on the simulator so it will be interesting to confirm when someone has a physical device.

A Growing List of iPhones (and an iPod)

By my count there are now twenty iOS devices that support a minimum deployment target of iOS 13 (I’m not counting the iPad here but I am including the 4″ iPod touch which you can still buy in 2020):

6.7″ (428 x 926 points @3x)
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 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 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

At the time of writing, 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.

Читайте также: Зарядка для айфона 12w

Источник

Сравнение размеров iPhone 12, 12 Pro Max, 12 mini, 11, 11 Pro, SE 2, XR, XS, X, 8 Plus, SE, 8, 7, 6, 5

После выхода линейки iPhone 12 Apple предлагает куда больше вариантов размеров своих смартфонов, чем когда-либо. На изображении ниже вы можете наглядно увидеть, как соотносятся размеры всех актуальных на сегодня iPhone, начиная с iPhone 5 и заканчивая iPhone 12 Pro Max. Как вы можете убедиться, представители последней линейки отлично дополняют этот ряд.

Аналитики считают, что 6,1-дюймовый iPhone 12 станет самым популярным смартфоном сезона 2020 / 2021, а iPhone 12 mini должен стать вторым по востребованности. Надо сказать, что многие пользователи с энтузиазмом отметили возвращение на рынок компактного смартфона. К тому же iPhone 12 mini имеет те же функции, что и iPhone 12. Именно поэтому при выборе одной модели из двух вы ничего не потеряете в производительности, все дело только в размерах. А вот iPhone 12 Pro и Pro Max уже обладают дополнительными функциями.

iPhone 12 mini является на самом деле мощным устройством, несмотря на то, что имеет относительно небольшой по современным меркам OLED экран с диагональю в 5,4 дюйма. Сегодня трудно найти в продаже компактный и заслуживающий при этом внимания смартфон. Да, диагональ в 5,4 дюйма – это не рекорд для смартфонов Apple, но стоит оценить усилия производителя, который смог разместить в тонком и компактном корпусе действительно передовые решения. Если сравнивать размеры iPhone 12 mini, то этот аппарат расположился между iPhone 5s и iPhone 6. Для некоторых будущих владельцев iPhone 12 mini с 5,4-дюймовым экраном от края до края и с новым дизайном может показаться идеальным смартфоном.

Сравнение размеров iPhone 12 / 12 mini, iPhone 12 Pro / 12 Pro Max, iPhone 11, iPhone 11 Pro / 11 Pro Max, iPhone SE 2, iPhone XR, iPhone XS / XS Max, iPhone X, iPhone 8 / 8 Plus, iPhone SE, iPhone 7 / 7 Plus, iPhone 6 / 6 Plus, iPhone 6s / 6s Plus, iPhone 5s, iPhone 5

На изображениях ниже вы сможете наглядно увидеть, как между собой соотносятся все эти аппараты. Все же цифры, это одно, а визуальное представление – совсем другое дело.

Источник

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 Size_PX	Device Resolution _PX	Screen Size	Pixel Ratio	Density PPI	CSS PPI
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.

Источник