Размеры экранов 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
• 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.