Розміри екранів iPhone 13

Реліз iPhone 13 здається незначним оновленням порівняно з iPhone 12. Дійсно, мало що змінилося, але в цій статті я представлю короткий огляд того, що вам потрібно знати, щоб оновити свої програми для нових пристроїв.

У двох словах про нові моделі

Чотири нових моделі iPhone 13 відповідають розмірам екранів їхніх попередників у модельному ряду iPhone 12:

iPhone 13

• Екран: 6.1" Super Retina XDR (OLED)
• Роздільна здатність екрана (точок): 390 x 844
• Нативна роздільна здатність (пікселів): 1170 x 2532 (460 ppi)
• Нативний коефіцієнт масштабування (Native Scale factor): 3x
• Портретні класи розмірів (Portrait size classes): w: Compact, h: Regular
• Альбомні класи розмірів (Landscape size classes): w: Compact, h: Compact

Рядок стану має висоту 47 точок, що дає такі вставки безпечних зон:

• Безпечні зони (портретна орієнтація): зверху: 47, знизу: 34, ліворуч: 0, праворуч: 0
• Безпечні зони (альбомна орієнтація): зверху: 0, знизу: 21, зліва: 47, справа: 47

iPhone 13 mini

• Екран: 5.4" Super Retina XDR (OLED)
• Роздільна здатність екрана (точок): 375 x 812
• Нативна роздільна здатність (пікселів): 1 080 x 2340 (476 ppi)
• Нативний коефіцієнт масштабування (Native Scale factor): 2.88x
• Портретні класи розмірів (Portrait size classes): w: Compact, h: Regular
• Альбомні класи розмірів (Landscape size classes): w: Compact, h: Compact

Рядок стану має висоту 50 точок, що дає такі вставки безпечних зон:

• Безпечні зони (портретна орієнтація): зверху: 50, ліворуч: 0, знизу: 34, праворуч: 0
• Безпечні зони (альбомна орієнтація): зверху: 0, зліва: 50, знизу: 21, справа: 50

iPhone 13 Pro

• Екран: 6.1" Super Retina XDR (OLED) з функцією ProMotion
• Роздільна здатність екрана (точок): 390 x 844
• Нативна роздільна здатність (пікселів): 1170 x 2532 (460 ppi)
• Коефіцієнт масштабування (Scale factor): 3x
• Портретні класи розмірів (Portrait size classes): w: Compact, h: Regular
• Альбомні класи розмірів (Landscape size classes): w: Compact, h: Compact

Рядок стану має висоту 47 точок, що дає такі вставки безпечних зон (як в iPhone 13):

• Безпечні зони (портретна орієнтація): зверху: 47, знизу: 34, ліворуч: 0, праворуч: 0
• Безпечні зони (альбомна орієнтація): зверху: 0, знизу: 21, зліва: 47, справа: 47

iPhone 13 Pro Max

• Екран: 6.7" Super Retina XDR (OLED) з функцією ProMotion
• Роздільна здатність екрана (точок): 428 x 926
• Нативна роздільна здатність (пікселів): 1284 x 2778 (458 ppi)
• Коефіцієнт масштабування (Scale factor): 3x
• Портретні класи розмірів (Portrait size classes): w: Compact, h: Regular
• Альбомні класи розмірів (Landscape size classes): w: Regular, h: Compact

Рядок стану має висоту 47 точок, що дає такі вставки безпечних областей (як в iPhone 13):

• Безпечні зони (портретна орієнтація): зверху: 47, знизу: 34, зліва: 0, справа: 0
• Безпечні зони (альбомна орієнтація): зверху: 0, знизу: 21, зліва: 47, справа: 47

Зменшений виріз

З наведених вище цифр не очевидно, але цього року виріз під датчики Face ID, званий у народі "чубчик", став трохи меншим (прим. - його розмір зменшили на 20%):

Це не впливає на безпечні зони або висоту рядка стану, але, якщо ви поміщаєте в цю область якийсь елемент, вам потрібно буде перевірити, який він має вигляд.

Повний список моделей iPhone (і iPod)

За моїми підрахунками, існує 9 різних розмірів екрана iPhone, які вам необхідно підтримувати з мінімальною цільовою версією розгортання iOS 13:

• 6.7" (428 x 926 точок @3x) iPhone 13 Pro Max, iPhone 12 Pro Max
• 6.5" (414 x 896 точок @3x) iPhone 11 Pro Max, iPhone XS Max
• 6.1" (390 x 844 точок @3x) iPhone 13 Pro, iPhone 13, iPhone 12 Pro, iPhone 12, iPhone 12
• 6.1" (414 x 896 точок @2x) iPhone 11, iPhone XR
• 5.8" (375 x 812 точок @3x) iPhone 11 Pro, iPhone XS, iPhone X
• 5.5" (414 x 736 точок @3x) iPhone 8 Plus, iPhone 7 Plus, iPhone 6S Plus
• 5.4" (375 x 812 точок @3x) iPhone 13 mini, iPhone 12 mini
• 4.7" (375 x 667 точок @2x) iPhone SE (2-го покоління), iPhone 8, iPhone 7, iPhone 6S
• 4" (320 x 568 @2x) iPhone SE (1-го покоління), iPod Touch (7-го покоління)

Скріншоти App Store

Вимоги до скріншотів в App Store Connect не змінилися для нових розмірів пристроїв. Це означає, що вам знадобиться скріншот розміром щонайменше 6,5 дюймів (1242 x 2688 пікселів) і 5,5 дюйма (1242 x 2208 пікселів), які потім масштабуються для інших розмірів.

Хочете дізнатися більше?

Якщо ви відчуваєте труднощі у створенні макетів, що враховують постійно зростаючий діапазон iOS-девайсів, вам може сподобатися книга автора статті - Modern Auto Layout.