サイズ | 端末 | ポイント | 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世代) |
375x667 | 2 | 750x1334 | 1 | 750x1334 | 9:16 (近似値) |
4.7 (互換/拡大) |
iPhone 6 iPhone 6s iPhone 7 iPhone 8 iPhone SE(2世代) |
320x568 | 2 | 640x1136 | 1.17 | 750x1334 | 9:16 (近似値) |
5.4 | iPhone 12 mini iPhone 13 mini |
375x812 | 3 | 1125x2436 | 0.96 | 1080x2340 | 9:19.5 (近似値) |
5.5 | iPhone 6 Plus iPhone 6s Plus iPhone 7 Plus iPhone 8 Plus |
414x736 | 3 | 1242x2208 | 0.87 | 1080x1920 | 9:16 |
5.5 (互換) |
iPhone 6 Plus iPhone 6s Plus iPhone 7 Plus iPhone 8 Plus |
320x568 | 2 | 640x1136 | 1.69 | 1080x1920 | 9:16 (近似値) |
5.5 (拡大) |
iPhone 6 Plus iPhone 6s Plus iPhone 7 Plus iPhone 8 Plus |
375x667 | 3 | 1125x2001 | 0.96 | 1080x1920 | 9:16 (近似値) |
5.8 | iPhone X iPhone XS iPhone 11 Pro |
375x812 | 3 | 1125x2436 | 1 | 1125x2436 | 9:19.5 (近似値) |
5.8 (互換) |
iPhone X iPhone XS iPhone 11 Pro |
375x667 | 3 | 1125x2001 | 1 | 1125x2001 | 9:16 (近似値) |
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 |
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 | 402x874 | 3 | 1206x2622 | 1 | 1206x2622 |
(近似値) |
6.5 | iPhone XS Max iPhone 11 Pro Max |
414x896 | 3 | 1242x2688 | 1 | 1242x2688 | 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 | 440x956 | 3 | 1320x2868 | 1 | 1320x2868 |
(近似値) |
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世代) | 744x1133 | 2 | 1488x2266 | 1 | 1488x2266 | 3:4.6 (近似値) |
9.7 | iPad iPad 2 |
768x1024 | 1 | 768x1024 | 1 | 768x1024 | 3:4 |
9.7 | iPad 3 iPad 4 iPad Air iPad Air 2 iPad Pro 9.7 |
768x1024 | 2 | 1536x2048 | 1 | 1536x2048 | 3:4 |
10.2 | iPad(7世代) iPad(8世代) iPad(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 | iPad Air(4世代) iPad(10世代) |
820x1180 | 2 | 1640x2360 | 1 | 1640x2360 | 3:4.3 (近似値) |
11.0 | iPad Pro 11 | 834x1194 | 2 | 1668x2388 | 1 | 1668x2388 | 3:4.3 (近似値) |
12.9 | iPad Pro 12.9 | 1024x1366 | 2 | 2048x2732 | 1 | 2048x2732 | 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) 40mm | 162x197 | 2 | 324x394 | 1 | 324x394 | ||
Watch(S4,S5,S6,SE,SE2) 44mm | 184x224 | 2 | 368x448 | 1 | 368x448 | ||
1.69 | Watch(S7,S8,S9) 41mm | 176x215 | 2 | 352x430 | 1 | 352x430 | |
Watch(S10) 42mm | 187x223 | 2 | 374x446 | 1 | 374x446 | ||
1.9 | Watch(S7,S8,S9) 45mm | 198x242 | 2 | 396x484 | 1 | 396x484 | |
Watch(S10) 46mm | 208x248 | 2 | 416x496 | 1 | 416x496 | ||
2? | Watch Ultra Watch Ultra 2 49mm |
205x251 | 2 | 410x502 | 1 | 410x502 |
用語解説
- ポイント
- boundsやframe等で使用される論理的な画面サイズ。通常はこれを意識してプログラムを作成します。
- ピクセル
- 描画が行われる論理的な画面サイズ。ピクセルパーフェクトな描画が必要な場合には、このグリッドに合うように描画を行う必要があります。
- デバイス
- 端末に搭載された液晶の物理的なピクセル数。これが上記ピクセル数と一致しない場合には、ピクセルパーフェクトの描画は非常に難しくなります。
このサイトの解説がわかりやすいです。
https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions
拡大モード
iPhone6, 6 Plusでは、画面設定から拡大モードが選択できます。
上記の表にまとめた通り、retinaの倍率はそのままで、ワンサイズ小さいiPhone相当のポイント数になります。
iPhone6については拡大モードで解像度不足となり表示が粗くなります。
また、iPhone6 Plusの拡大モードはiPhone 6相当ですが、retinaの倍率が異なるので最小線幅が異なる可能性があります。
互換モード
iPhone6, 6Plus用のスクリーンが登録されていない場合、iPhone5相当の互換モードになります。
iPhone6では、拡大モードと同じ挙動になります。
iPhone6 plusではretina倍率が2倍になり、解像度不足となり表示が粗くなります。