Help us understand the problem. What is going on with this article?

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

サイズ 端末      ポイント 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 40:71

9:16
4.7 iPhone 6
iPhone 6s
iPhone 7
iPhone 8
iPhone SE(2世代)
375x667 2 750x1334 1 750x1334 375:667

9:16
4.7
(互換/拡大)
iPhone 6
iPhone 6s
iPhone 7
iPhone 8
iPhone SE(2世代)
320x568 2 640x1136 1.17 750x1334 375:667

9:16
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 375x812 3 1125x2436 1 1125x2436 375:812

9:19.5
5.8
(互換)
iPhone X
iPhone XS
375x667 3 1125x2001 1 1125x2001 375:667

9:16
6.1 iPhone XR 414x896 2 828x1792 1 828x1792 207:448

9:19.5
6.5 iPhone XS Max 414x896 3 1242x2688 1 1242x2688 207:448

9:19.5
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
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世代) 810x1080 2 1620x2160 1 1620x2160 3:4
10.5 iPad Pro 10.5
iPad Air(3世代)
834x1112 2 1668x2224 1 1668x2224 3:4
11.0 iPad Pro 11 834x1194 2 1668x2388 1 1668x2388
12.9 iPad Pro 12.9 1024x1366 2 2048x2732 1 2048x2732 512:683

3:4
1.32 Watch(1,2,3) 38mm 136x170 2 272x340 1 272x340
1.5 Watch(1,2,3) 42mm 156x195 2 312x390 1 312x390
Watch(4,5) 4 40mm 162x197 2 324x394 1 324x394
Watch(4,5) 4 44mm 184x224 2 368x448 1 368x448

用語解説

ポイント
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倍になり、解像度不足となり表示が粗くなります。

tomohisaota
かつてiOSエンジニアでしたが、今はnodejsばかり書いています。最近はデータ解析系の話が増えてきました。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした