Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
2386
Help us understand the problem. What is going on with this article?
@tomohisaota

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.4 iPhone 12 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
390x844 3 1170x2532 1 1170x2532 9:19.5
6.5 iPhone XS Max
iPhone 11 Pro Max
414x896 3 1242x2688 1 1242x2688 9:19.5
6.7 iPhone 12 Pro Max 428x926 3 1284x2778 1 1284x2778 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
10.9 iPad iPad Air(4世代) 820x1180 2 1640x2360 1 1640x2360 3:4
11.0 iPad Pro 11 834x1194 2 1668x2388 1 1668x2388
12.9 iPad Pro 12.9 1024x1366 2 2048x2732 1 2048x2732 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,6) 4 40mm 162x197 2 324x394 1 324x394
Watch(4,5,6) 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倍になり、解像度不足となり表示が粗くなります。

2386
Help us understand the problem. What is going on with this article?
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
tomohisaota
かつてiOSエンジニアでしたが、今は主にWebアプリケーション開発をやっています。 普段はTypeScriptを書いており、フロントエンド(React)、バックエンド(nodejs)を組み合わせた構成を使うことが多いです。Lambdaも楽しい。あとはGo, Python, Javaを少々。 CDKを用いた環境構築系の話も多いです。インフラはもう、ソフトウェアだと思う。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
2386
Help us understand the problem. What is going on with this article?