Разрешения экранов всех iPhone, iPad и iPod touch — полная таблица на 2026 год

При разработке адаптивных сайтов, мобильных интерфейсов и приложений важно учитывать разрешения экранов устройств Apple. Причём для правильной вёрстки недостаточно знать только физическое разрешение дисплея: необходимо также понимать разницу между аппаратными пикселями и логическими координатами экрана.

Мы собрали в одном справочнике разрешения экранов всех поколений iPhone, iPad и iPod touch, начиная с первых моделей и заканчивая устройствами, представленными в 2026 году.

В таблицах указаны год выпуска, логическое и физическое разрешение, соотношение сторон, диагональ дисплея и плотность пикселей (PPI). Информация будет полезна веб-дизайнерам, frontend-разработчикам, специалистам по адаптивной вёрстке и разработчикам приложений для iOS и iPadOS.

Дата актуализации: 14 октября 2026 года.

Логическое и физическое разрешение экрана: в чём разница?

Прежде чем перейти к таблицам, разберём основные характеристики дисплеев Apple.

• Логическое разрешение — размеры экрана в логических точках (points). В стандартных условиях мобильной веб-разработки эти значения близки к размерам в CSS-пикселях.
• Физическое разрешение — реальное количество аппаратных пикселей матрицы дисплея.
• Соотношение сторон — отношение ширины экрана к его высоте. В таблицах оно указано для портретной ориентации.
• Диагональ — размер дисплея в дюймах.
• PPI (Pixels Per Inch) — плотность физических пикселей на один дюйм экрана.
• Device Pixel Ratio (DPR) — коэффициент масштабирования между логическими и физическими пикселями. Он не всегда совпадает с отношением аппаратного разрешения к логическому.

Например, у iPhone 17 логическое разрешение составляет 402 × 874, а физическое — 1206 × 2622 пикселей. В данном случае один логический пиксель соответствует трём физическим пикселям по каждой оси.

Однако такое соотношение работает не для всех моделей. Некоторые устройства, например iPhone 6 Plus, используют дополнительное масштабирование изображения.

Разрешения экранов всех iPhone — таблица 2007–2026

В таблице представлены смартфоны Apple от оригинального iPhone 2007 года до iPhone 18 Pro, iPhone 18 Pro Max и складного iPhone Duo, представленных в сентябре 2026 года.

Данные указаны для стандартного режима отображения, преимущественно в портретной ориентации. Для iPhone Duo приведены характеристики обоих дисплеев.

Примечание: логические размеры указаны для типовых режимов интерфейса. В зависимости от версии iOS, настроек масштабирования дисплея и браузера фактический viewport может отличаться. Для iPhone Duo логические размеры получены расчётом из физических разрешений при масштабе 3×; конкретная доступная область Safari может быть меньше.

Что изменилось в iPhone 2026 года?

В 2026 году Apple представила несколько устройств с разными форматами экранов.

iPhone 18 Pro и iPhone 18 Pro Max

Модели сохранили диагонали 6,3 и 6,9 дюйма соответственно. Физическое разрешение iPhone 18 Pro составляет 1206 × 2622, а iPhone 18 Pro Max — 1320 × 2868 пикселей.

Для разработчиков это означает сохранение уже знакомых логических размеров 402 × 874 и 440 × 956 точек, используемых в предыдущем поколении Pro.

iPhone Duo

Складной iPhone Duo получил два OLED-дисплея:

• Внутренний экран 7,6 дюйма — 1878 × 2670 физических пикселей.
• Внешний экран 5,4 дюйма — 1398 × 2034 физических пикселя.

Особенность этой модели заключается в возможности изменения доступного пространства интерфейса при открытии и закрытии устройства. Поэтому при разработке адаптивных сайтов особенно важно использовать гибкие сетки и проверять поведение интерфейса при изменении viewport.

iPhone 17e

Представленный в 2026 году iPhone 17e оснащён 6,1-дюймовым дисплеем с разрешением 1170 × 2532 пикселя и плотностью 460 PPI. По размерам логической области он соответствует группе устройств с разрешением 390 × 844 точки.

Разрешения экранов всех iPad — таблица 2010–2026

Планшеты iPad отличаются от iPhone не только диагональю, но и пропорциями экранов. Классические модели долгое время использовали соотношение сторон 3:4, тогда как современные iPad mini, iPad Air и 11-дюймовые iPad Pro получили другие пропорции.

Ниже представлены разрешения экранов всех основных поколений iPad, iPad mini, iPad Air и iPad Pro.

Особенности экранов современных iPad

В отличие от смартфонов, большинство планшетов Apple рассчитаны не только на вертикальную, но и на активную горизонтальную работу с интерфейсом.

Современные iPad можно условно разделить на несколько групп по размерам логического экрана:

• 744 × 1133 — компактные iPad mini с диагональю 8,3 дюйма.
• 820 × 1180 — базовые iPad и 11-дюймовые iPad Air последних поколений.
• 834 × 1210 — 11-дюймовые iPad Pro на M4 и M5.
• 1024 × 1366 — крупные модели iPad Air с диагональю 13 дюймов и более ранние iPad Pro 12,9 дюйма.
• 1032 × 1376 — современные iPad Pro с 13-дюймовыми дисплеями.

При адаптивной разработке также необходимо учитывать режимы многозадачности iPadOS. Размер отдельного окна приложения может существенно отличаться от полного логического разрешения планшета.

Разрешения экранов всех iPod touch

Линейка iPod touch выпускалась с 2007 по 2019 год и использовала интерфейс, близкий к iPhone. Последним устройством стал iPod touch 7-го поколения. В 2022 году Apple прекратила выпуск iPod touch.

В таблице представлены все семь поколений iPod touch. Другие семейства iPod, такие как classic, nano и shuffle, здесь не рассматриваются, поскольку они не являются устройствами с браузером Safari и стандартным интерфейсом iOS.

Как узнать разрешение экрана своего iPhone или iPad

При разработке сайтов необязательно определять модель устройства пользователя. Чаще полезнее получить фактические размеры экрана или области браузера.

Например, JavaScript позволяет вывести размер экрана и коэффициент масштабирования:

console.log({
    screenWidth: window.screen.width,
    screenHeight: window.screen.height,
    viewportWidth: window.innerWidth,
    viewportHeight: window.innerHeight,
    devicePixelRatio: window.devicePixelRatio
});

Здесь screen.width и screen.height описывают размеры экрана в CSS-пикселях, а window.innerWidth и window.innerHeight позволяют оценить текущую область просмотра браузера.

Параметр devicePixelRatio показывает коэффициент масштабирования, который можно использовать при работе с графикой и Canvas.

Не следует использовать одно только разрешение для точного определения модели устройства. Разные iPhone и iPad могут иметь одинаковые размеры экрана, а пользовательские настройки масштабирования могут менять доступную логическую область.

Какие разрешения учитывать при адаптивной вёрстке

При создании адаптивного сайта важно ориентироваться прежде всего на ширину доступного пространства в CSS-пикселях, а не на физическое разрешение дисплея.

Например, при разработке интерфейса можно использовать следующие контрольные значения:

• 320 px — старые компактные iPhone и iPod touch.
• 360–393 px — распространённые размеры мобильных экранов.
• 402–440 px — современные модели iPhone с увеличенными дисплеями.
• 466–626 px — ориентиры для экранов iPhone Duo, без учёта возможных ограничений viewport.
• 768–834 px — многие модели iPad и компактные планшетные интерфейсы.
• 1024–1032 px — крупные iPad в портретной ориентации.

Однако эти значения следует использовать как ориентиры для тестирования, а не как обязательный набор CSS breakpoints.

При создании адаптивных сеток предпочтительнее ориентироваться на содержимое страницы и момент, когда существующая компоновка перестаёт помещаться в доступное пространство.

Пример CSS для адаптивного интерфейса

/* Base mobile styles */
.page-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px;
    box-sizing: border-box;
}

/* Tablets */
@media (min-width: 768px) {
    .page-container {
        padding: 24px;
    }
}

/* Desktop */
@media (min-width: 1024px) {
    .page-container {
        padding: 32px;
    }
}

Этот пример демонстрирует общий принцип адаптивной вёрстки. Конкретные контрольные точки необходимо выбирать с учётом дизайна, ширины элементов и структуры контента.

Почему физическое разрешение не равно размеру сайта в браузере

Распространённая ошибка при проектировании мобильных интерфейсов — использование физического разрешения дисплея в качестве ширины макета.

Например, iPhone с физическим разрешением 1170 × 2532 пикселя не требует создания страницы шириной 1170 CSS-пикселей.

При стандартном коэффициенте масштабирования 3 логическая ширина такого устройства составляет 390 точек.

Для корректного отображения адаптивных страниц необходимо также использовать метатег viewport:

<meta name="viewport"
      content="width=device-width, initial-scale=1">

В современных шаблонах сайтов на 1С-Битрикс этот метатег обычно размещается внутри секции head.

Дополнительно необходимо помнить о системных областях интерфейса iOS, вырезах экрана, Dynamic Island и безопасных зонах (safe areas). Их размеры не следует вычислять только на основании физического разрешения устройства.

Источники данных и актуальность таблиц

При составлении справочника использовались технические характеристики устройств Apple и документация для разработчиков.

• Apple Developer — Layout
• Apple — iPhone 18 Pro и iPhone 18 Pro Max
• Apple — iPhone Duo
• Apple — iPhone 17e
• Apple — сравнение моделей iPad
• Apple Support — технические характеристики устройств

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

Заключение

За годы развития мобильных устройств Apple разрешения экранов существенно изменились: от 320 × 480 пикселей у первого iPhone до дисплеев современных iPhone Pro и складного iPhone Duo.

При этом для веб-разработчиков наиболее важными остаются именно логические размеры экранов, поскольку они помогают понимать, сколько пространства доступно для размещения элементов интерфейса.

Представленные таблицы разрешений iPhone, iPad и iPod touch позволяют быстро сравнивать устройства разных поколений, подбирать размеры адаптивных макетов и проверять корректность отображения сайтов.

Справочник актуализирован на октябрь 2026 года. По мере выхода новых устройств Apple и изменения особенностей программного масштабирования данные рекомендуется обновлять.