2838
2531

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

iPhone/iPad/Apple Watch解像度(画面サイズ)早見表

2838
Last updated at Posted at 2014-09-12

この早見表は、機種ごとの画面サイズをまとめたサイト screen-atlas のデータから作っています。
screen-atlas では、同じ表を発表年で絞り込んだり、機種ごとのページで ppi・実寸・同じ画面の機種を見たりできます。英語版もあります。

サイズ 端末 ポイント Retina ピクセル 倍率 デバイス アスペクト比
3.5 iPhone
iPhone 3G
iPhone 3GS
320x480 1 320x480 1 320x480 2:3
3.5 iPhone 4
iPhone 4S
320x480 2 640x960 1 640x960 2:3
4 iPhone 5
iPhone 5s
iPhone 5c
iPhone SE
320x568 2 640x1136 1 640x1136 9:16
(近似値)
4.7 iPhone 6
iPhone 6s
iPhone 7
iPhone 8
iPhone SE(2世代/3世代)
375x667 2 750x1334 1 750x1334 9:16
(近似値)
5.4 iPhone 12 mini
iPhone 13 mini
375x812 3 1125x2436 0.96 1080x2340 9:19.5
(近似値)
5.4
(外側)
iPhone Duo 466x678 3 1398x2034 1 1398x2034 11:16
(近似値)
5.5 iPhone 6 Plus
iPhone 6s Plus
iPhone 7 Plus
iPhone 8 Plus
414x736 3 1242x2208 0.87 1080x1920 9:16
5.8 iPhone X
iPhone XS
iPhone 11 Pro
375x812 3 1125x2436 1 1125x2436 9:19.5
(近似値)
6.1 iPhone XR
iPhone 11
414x896 2 828x1792 1 828x1792 9:19.5
(近似値)
6.1 iPhone 12
iPhone 12 Pro
iPhone 13
iPhone 13 Pro
iPhone 14
iPhone 16e
iPhone 17e
390x844 3 1170x2532 1 1170x2532 9:19.5
(近似値)
6.1 iPhone 14 Pro
iPhone 15
iPhone 15 Pro
iPhone 16
393x852 3 1179x2556 1 1179x2556 9:19.5
(近似値)
6.3 iPhone 16 Pro
iPhone 17
iPhone 17 Pro
iPhone 18 Pro
402x874 3 1206x2622 1 1206x2622 9:19.5
(近似値)
6.5 iPhone XS Max
iPhone 11 Pro Max
414x896 3 1242x2688 1 1242x2688 9:19.5
(近似値)
6.5 iPhone Air 420x912 3 1260x2736 1 1260x2736 9:19.5
(近似値)
6.7 iPhone 12 Pro Max
iPhone 13 Pro Max
iPhone 14 Plus
428x926 3 1284x2778 1 1284x2778 9:19.5
(近似値)
6.7 iPhone 14 Pro Max
iPhone 15 Plus
iPhone 15 Pro Max
iPhone 16 Plus
430x932 3 1290x2796 1 1290x2796 9:19.5
(近似値)
6.9 iPhone 16 Pro Max
iPhone 17 Pro Max
iPhone 18 Pro Max
440x956 3 1320x2868 1 1320x2868 9:19.5
(近似値)
7.6
(内側)
iPhone Duo 669x951 3 2007x2853 0.94 1878x2670 1:1.42
(近似値)
7.9 iPad mini 768x1024 1 768x1024 1 768x1024 3:4
7.9 iPad mini 2
iPad mini 3
iPad mini 4
iPad mini(5世代)
768x1024 2 1536x2048 1 1536x2048 3:4
8.3 iPad mini(6世代/A17 Pro) 744x1133 2 1488x2266 1 1488x2266 3:4.6
(近似値)
9.7 iPad
iPad 2
768x1024 1 768x1024 1 768x1024 3:4
9.7 iPad(第3〜6世代)
iPad Air
iPad Air 2
iPad Pro 9.7
768x1024 2 1536x2048 1 1536x2048 3:4
10.2 iPad(第7〜9世代) 810x1080 2 1620x2160 1 1620x2160 3:4
10.5 iPad Pro 10.5
iPad Air(3世代)
834x1112 2 1668x2224 1 1668x2224 3:4
10.9
(11)
iPad Air(4世代/5世代)
iPad(10世代/A16)
iPad Air 11(M2/M3/M4)
820x1180 2 1640x2360 1 1640x2360 3:4.3
(近似値)
11.0 iPad Pro 11(第1〜4世代) 834x1194 2 1668x2388 1 1668x2388 3:4.3
(近似値)
11.1 iPad Pro 11(M4/M5) 834x1210 2 1668x2420 1 1668x2420 3:4.35
(近似値)
12.9 iPad Pro 12.9(第1〜6世代)
iPad Air 13(M2/M3/M4)
1024x1366 2 2048x2732 1 2048x2732 3:4
(近似値)
13.0 iPad Pro 13(M4/M5) 1032x1376 2 2064x2752 1 2064x2752 3:4
1.32 Watch(初代,S1,S2,S3) 38mm 136x170 2 272x340 1 272x340
1.5 Watch(初代,S1,S2,S3) 42mm 156x195 2 312x390 1 312x390
Watch(S4,S5,S6,SE,SE2,SE3) 40mm 162x197 2 324x394 1 324x394
Watch(S4,S5,S6,SE,SE2,SE3) 44mm 184x224 2 368x448 1 368x448
1.69 Watch(S7,S8,S9) 41mm 176x215 2 352x430 1 352x430
Watch(S10,S11,S12) 42mm 187x223 2 374x446 1 374x446
1.9 Watch(S7,S8,S9) 45mm 198x242 2 396x484 1 396x484
Watch(S10,S11,S12) 46mm 208x248 2 416x496 1 416x496
Watch(Ultra,Ultra 2) 49mm 205x251 2 410x502 1 410x502
Watch(Ultra 3,Ultra 4) 49mm 211x257 2 422x514 1 422x514

用語解説

ポイント
boundsやframe等で使用される論理的な画面サイズ。通常はこれを意識してプログラムを作成します。
ピクセル
描画が行われる論理的な画面サイズ。ピクセルパーフェクトな描画が必要な場合には、このグリッドに合うように描画を行う必要があります。
デバイス
端末に搭載された液晶の物理的なピクセル数。これが上記ピクセル数と一致しない場合には、ピクセルパーフェクトの描画は非常に難しくなります。

このサイトの解説がわかりやすいです。
https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

折りたたみ (iPhone Duo)

iPhone Duo は1台で2つのディスプレイを持つため、上記の表では 外側 (5.4) と 内側 (7.6) の2行に分けています。

2つのディスプレイ

状態 ディスプレイ ポイント サイズクラス (縦持ち)
閉じている 外側 5.4 466x678 Compact(H) x Regular(V)
開いている 内側 7.6 669x951 Regular(H) x Regular(V)

開閉に追従してアプリは動的にリサイズされます。非推奨となった UIRequiresFullScreen を指定していてもリサイズは発生します。

また、2画面デバイスでは UIScreen.main が「どちらの画面か」を特定できないため曖昧であり、将来的に deprecated になることがAppleから告知されています。ウインドウシーン経由で取得してください。

// NG: 2画面デバイスでは曖昧
let screen = UIScreen.main

// OK
let screen = window?.windowScene?.screen

固定のポイント数でレイアウトを組まず、サイズクラスとレイアウト環境で組むのが基本方針になります。

内側ディスプレイは縮小描画

内側は 669x951 ポイント @3x = 2007x2853 ピクセル で描画され、これが物理パネルの 1878x2670 に 約0.94倍 で縮小されて表示されます。

これは iPhone 6 Plus (1242x2208 → 1080x1920) や iPhone 12 mini (1125x2436 → 1080x2340) と同じ構造で、内側ディスプレイではピクセルパーフェクトな描画は困難です。一方、外側は 1398x2034 ピクセルがそのままパネルに対応するため等倍です。

なお内側のポイント数は、Apple が論理解像度を公開していないため、App Store Connect のスクリーンショット指定 (内側 2007x2853 / 外側 1398x2034) から逆算した値です。Xcode 27.1 のシミュレータで確定させる必要があります。

アスペクト比

内側は 1:1.42 とA判用紙 (1:√2 ≒ 1:1.414) に近く、従来のiPhone (9:19.5 ≒ 1:2.17) とは全く異なります。16:9 の動画を全画面に置くと上下に大きな余白が出ます。

外側も 11:16 (≒1:1.45) で、幅466ポイントは従来のiPhone縦持ち (390〜440ポイント) とタブレット向けブレークポイントの中間に落ちるため、既存のメディアクエリ/レイアウト分岐では想定外の側に倒れることがあります。

SDKバージョンによる3段階の互換挙動

内側ディスプレイでの表示領域は、ビルドに使用したSDKによって3段階に分かれます。

ビルドSDK 内側ディスプレイでの表示
iOS 27 より前 従来のサイズ・アスペクト比のまま。ステータスバーとカメラより左側の領域のみ使用
iOS 27 ステータスバーの左側まで拡張。ただし画面端までは届かない
iOS 27.1 画面端まで全面を使用
2838
2531
27

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2838
2531

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?