iOS 14に対応する全iPhoneの画面比較
iOS 13/14で使えるすべてのiPhoneの表示領域とテキストサイズを精密に比較してみました。実画面サイズは『Appleデバイス用アクセサリのデザインガイドライン』を参考にしています。
なお、今回拡大表示は計測していません。
なお、今回拡大表示は計測していません。
実寸比率の比較画像
注目は12/12 Proと11/XR、12 miniと11 Pro/XS/XとSE2/8/7/6sの大きさと表示領域です。後で説明します。
図面にある100分の1mmまで正確に再現するためにスクリーンショットを実画面サイズmm数×100ピクセルに拡大して比較しました（例えば画面幅71.13mmの12 Pro Maxは幅1284ピクセルのスクリーンショットを幅7113ピクセルに拡大）。掲載した画像は縮小してあります。
テキストサイズ
文字の大きさを比較するために、各画面サイズの実寸比率の比較画像を半透明にして同じ単語を重ねました。
iPhoneのテキストサイズには大きなグループと小さなグループと一つの例外があります。それぞれのグループ同士の文字は同じ大きさになっています。
iPhoneのテキストサイズには大きなグループと小さなグループと一つの例外があります。それぞれのグループ同士の文字は同じ大きさになっています。
大きなグループ
- 12 Pro Max
- 12/12 Pro
- 11 Pro Max/XS Max
- 11 Pro/XS/X
- 8 Plus/7 Plus/6s Plus
Pro系とPlus系はすべてテキストが大きなグループです。iPhone 12もこちらに属します。
小さなグループ
- 12 mini
- 11/XR
- SE2/8/7/6s
12以外の無印系iPhoneは小さなグループです。
ただし、実は12miniだけ更に1(±0.5?)%ほど小さいようです。
ただし、実は12miniだけ更に1(±0.5?)%ほど小さいようです。
テキストの高さが微妙に違います。ここまで拡大してこのくらいの差しかありませんけど。ビューポート幅はSE2と同じなのにminiの画面幅は0.83mm狭いということと辻褄は合います。
例外の中間サイズ
- SE2/8/7/6s
なぜか一番小さな4インチだけが両グループの中間くらいの大きさでした。テキストは大小どちらにも合っていません。
これらはデフォルトのテキストサイズです。設定アプリの「画面表示と明るさ ＞ テキストサイズを変更」と「アクセシビリティ ＞ 画面表示とテキストサイズ ＞ さらに大きな文字」でテキストサイズを変更することも可能です。
iPhoneとiPhoneの比較
画面サイズが多くてややこしいので、いくつか気になる視点でだけまとめました。すべての数値については末尾の「スクリーンの仕様一覧」をご確認ください。
6.1インチ画面について
まずは6.1インチ画面（12/12 Pro/11/XR）にフォーカスしましょう。現時点で歴代6.1インチiPhone全部が販売されています。
まずは6.1インチ画面（12/12 Pro/11/XR）にフォーカスしましょう。現時点で歴代6.1インチiPhone全部が販売されています。
- 11とXRは画面に関しては完全に同じです。
- 12と12 Proもほぼ同じです（条件によっては12 Proの方が最大輝度が高くなっています）。
- 12/12 Proは11/XRよりもテキストが大きく、その代わり表示領域が狭くなります。
- 11/XRの表示領域は11 Pro Max/XS Maxと同じです。6.5インチ画面をそのまま6.1インチサイズまで縮小したのが11/XR、テキストサイズを変えずに表示領域を6.1インチまで狭くしたのが12/12 Proです。
- 12/12 Proはより解像度が高く、豊かな表現力を持つ有機ELディスプレイです。
Proシリーズについて
Proシリーズ同士ならすべてのモデルでテキストサイズは同じです。この点では12も同様です。画面サイズに比例して表示領域が変わります。
Proシリーズ同士ならすべてのモデルでテキストサイズは同じです。この点では12も同様です。画面サイズに比例して表示領域が変わります。
小さなiPhoneについて
最後にiPhone SE2と12 miniの画面を見てみましょう。
最後にiPhone SE2と12 miniの画面を見てみましょう。
- テキストサイズはほぼ同じ。1行の文字数も同じです。
- ホーム画面のアイコンサイズは12 miniの方が僅かに小さいです。
- 実寸幅はSE2よりも12 miniの方が僅かに狭くなっていますが、SE2の画面をそのまま縦に伸ばしたものと思っていいでしょう。
- 12 miniの表示領域は11 Pro/XS/Xと同じです。なんとスクリーンショットの解像度も5.8インチのiPhoneと同じです。小さいからって、お絵描きアプリなどの絵を他の端末に渡しても見劣りしないように？（追記：フラッグシップ級の@3x解像度にするための帳尻合わせ？）
- SE2と比べると12 miniはかなり解像度の高い有機ELディスプレイで、画像や壁紙の表現力では差を感じます。
スクリーンの仕様一覧
iPhone 12 Pro Max
対角線（インチ）: 6.7
画面解像度（ピクセル）: 1284×2778
ビューポート（ピクセル）: 428×926 @3x
実画面サイズ（mm）: 71.13×153.90
ピクセル密度（ppi) : 458
iPhone 12/12 Pro
対角線（インチ）: 6.1
画面解像度（ピクセル）: 1170×2532
ビューポート（ピクセル）: 390×844 @3x
実画面サイズ（mm）: 64.58×139.77
ピクセル密度（ppi) : 460
iPhone 12 mini
対角線（インチ）: 5.4
画面解像度（ピクセル）: 1080×2340
スクリーンショット解像度（ピクセル）: 1125×2436
ビューポート（ピクセル）: 375×812 @2.88x
実画面サイズ（mm）: 57.67×124.96
ピクセル密度（ppi) : 476
iPhone 11 Pro Max/XS Max
対角線（インチ）: 6.5
画面解像度（ピクセル）: 1242×2688
ビューポート（ピクセル）: 414×896 @3x
実画面サイズ（mm）: 68.81×148.91
ピクセル密度（ppi) : 458
iPhone 11 Pro/XS/X
対角線（インチ）: 5.8
画面解像度（ピクセル）: 1125×2436
ビューポート（ピクセル）: 375×812 @3x
実画面サイズ（mm）: 62.33×134.95
ピクセル密度（ppi) : 458
iPhone 11/XR
対角線（インチ）: 6.1
画面解像度（ピクセル）: 828×1792
ビューポート（ピクセル）: 414×896 @2x
実画面サイズ（mm）: 64.58×139.78
ピクセル密度（ppi) : 326
iPhone 8 Plus/7 Plus/6s Plus
対角線（インチ）: 5.5
画面解像度（ピクセル）: 1080×1920
スクリーンショット解像度（ピクセル）: 1242×2208
ビューポート（ピクセル）: 414×736 @2.6x
実画面サイズ（mm）: 68.36×121.54
ピクセル密度（ppi) : 401
iPhone SE2/8/7/6s
対角線（インチ）: 4.7
画面解像度（ピクセル）: 750×1334
ビューポート（ピクセル）: 375×667 @2x
実画面サイズ（mm）: 58.50×104.05
ピクセル密度（ppi) : 326
iPhone SE (1st)
対角線（インチ）: 4
画面解像度（ピクセル）: 640×1136
ビューポート（ピクセル）: 320×568 @2x
実画面サイズ（mm）: 51.70×90.39
ピクセル密度（ppi) : 326
対角線（インチ）: 6.7
画面解像度（ピクセル）: 1284×2778
ビューポート（ピクセル）: 428×926 @3x
実画面サイズ（mm）: 71.13×153.90
ピクセル密度（ppi) : 458
iPhone 12/12 Pro
対角線（インチ）: 6.1
画面解像度（ピクセル）: 1170×2532
ビューポート（ピクセル）: 390×844 @3x
実画面サイズ（mm）: 64.58×139.77
ピクセル密度（ppi) : 460
iPhone 12 mini
対角線（インチ）: 5.4
画面解像度（ピクセル）: 1080×2340
スクリーンショット解像度（ピクセル）: 1125×2436
ビューポート（ピクセル）: 375×812 @2.88x
実画面サイズ（mm）: 57.67×124.96
ピクセル密度（ppi) : 476
iPhone 11 Pro Max/XS Max
対角線（インチ）: 6.5
画面解像度（ピクセル）: 1242×2688
ビューポート（ピクセル）: 414×896 @3x
実画面サイズ（mm）: 68.81×148.91
ピクセル密度（ppi) : 458
iPhone 11 Pro/XS/X
対角線（インチ）: 5.8
画面解像度（ピクセル）: 1125×2436
ビューポート（ピクセル）: 375×812 @3x
実画面サイズ（mm）: 62.33×134.95
ピクセル密度（ppi) : 458
iPhone 11/XR
対角線（インチ）: 6.1
画面解像度（ピクセル）: 828×1792
ビューポート（ピクセル）: 414×896 @2x
実画面サイズ（mm）: 64.58×139.78
ピクセル密度（ppi) : 326
iPhone 8 Plus/7 Plus/6s Plus
対角線（インチ）: 5.5
画面解像度（ピクセル）: 1080×1920
スクリーンショット解像度（ピクセル）: 1242×2208
ビューポート（ピクセル）: 414×736 @2.6x
実画面サイズ（mm）: 68.36×121.54
ピクセル密度（ppi) : 401
iPhone SE2/8/7/6s
対角線（インチ）: 4.7
画面解像度（ピクセル）: 750×1334
ビューポート（ピクセル）: 375×667 @2x
実画面サイズ（mm）: 58.50×104.05
ピクセル密度（ppi) : 326
iPhone SE (1st)
対角線（インチ）: 4
画面解像度（ピクセル）: 640×1136
ビューポート（ピクセル）: 320×568 @2x
実画面サイズ（mm）: 51.70×90.39
ピクセル密度（ppi) : 326
ビューポートは表示領域を表す数値です。これが同じなら画面サイズに関係なくアプリやウェブサイトの同じ範囲を表示します。@2xや@3xなどはRetinaディスプレイの仕様を表しています。スクリーンでは2倍3倍の解像度で表示されます。
ビューポートは『iPhone 12で、ビューポートのサイズの種類が増えすぎ！デバイスの複雑さがUIの設計にどのように影響するのか｜coliss』を参考にしました。
ビューポートは『iPhone 12で、ビューポートのサイズの種類が増えすぎ！デバイスの複雑さがUIの設計にどのように影響するのか｜coliss』を参考にしました。
Screen Comparison of All iPhones Compatible with iOS 14
I made an accurate comparison of the display area and a text size of all iPhones that supports iOS 13/14. The actual screen size is based on Accessory Design Guidelines for Apple Devices.
DISPLAY ZOOM was not measured at this time.
DISPLAY ZOOM was not measured at this time.
Actual Size Ratio Comparison Images
The focus is on the size and display area of the 12/12 Pro and 11/XR, 12 mini and 11 Pro/XS/X and SE2/8/7/6s. I'll explain later.
In order to accurately reproduce the screenshot down to 1/100th of a millimeter as shown in the drawing, the screenshot was scaled up to the actual screen size of mm x 100 pixels in comparison (e.g., the 12 Pro Max with a screen width of 71.13mm has a screenshot of 1284 pixels wide and is scaled up to 7113 pixels wide). The images posted on the site have been reduced in size.
Text Size
To compare the size of the text, I made the actual size ratio comparison images for each screen size translucent and overlaid the same words on top of each other.
There are large and small groups of text sizes on the iPhone, and one exception: the text size of each group is exactly the same. The text in each group is the same size as the other.
There are large and small groups of text sizes on the iPhone, and one exception: the text size of each group is exactly the same. The text in each group is the same size as the other.
Large Group
- 12 Pro Max
- 12/12 Pro
- 11 Pro Max/XS Max
- 11 Pro/XS/X
- 8 Plus/7 Plus/6s Plus
The Pro and Plus all have a large group of texts; the iPhone 12 also belongs here.
Small Group
- 12 mini
- 11/XR
- SE2/8/7/6s
All normal iPhones, except the 12 are in a small group. However, only the 12mini seems to be even smaller by 1 (±0.5?) %, actually.
The height of the text is slightly different. This is barely the only difference between the two, though, after such an expansion. It fits with the fact that the screen width of the mini is 0.83mm narrower than that of the SE2, although the viewport width is the same.
Intermediate Size of Exceptions
- SE2/8/7/6s
Why? Only the smallest 4 inch is about halfway between the two groups. The text doesn't fit either the small or the large.
These are the default text sizes. You can change the text size in the Settings app by going to "Display & Brightness ＞ Text Size" and "Accessibility ＞ Display & Text Size ＞ Larger Text".
Comparing iPhone and iPhone
There are many screen sizes that complicate things, so I've summarized them only from a few perspectives that I'm interested in. Please see the Screen Specifications List at the end for all the numbers.
About the 6.1 inch screen
Let's focus on the 6.1 inch screen (12/12 Pro/11/XR) first. At the moment, all 6.1 inch iPhones of all time have been sold.
Let's focus on the 6.1 inch screen (12/12 Pro/11/XR) first. At the moment, all 6.1 inch iPhones of all time have been sold.
- The 11 and XR is exactly the same as far as screens go.
- The 12 and 12 Pro are nearly identical (the 12 Pro has a higher maximum brightness in some conditions).
- The 12/12 Pro has larger text than the 11/XR, and in return the display area is smaller.
- The 11/XR's display area is the same as the 11 Pro Max/XS Max: the 11/XR shrinks the 6.5 inch screen down to a 6.1 inch size, while the 12/12 Pro narrows the display area to 6.1 inches without changing the text size.
- The 12/12 Pro is a higher resolution, richer, more expressive OLED display.
About the Pro Series
All models in the Pro series have the same text size between them. The same is true for the 12 models in this respect. The display area changes in proportion to the screen size.
All models in the Pro series have the same text size between them. The same is true for the 12 models in this respect. The display area changes in proportion to the screen size.
About the little iPhone
Finally, let's take a look at the screens of the iPhone SE2 and 12 mini.
Finally, let's take a look at the screens of the iPhone SE2 and 12 mini.
- The text size is almost the same, and the number of characters per line is also the same.
- The icon size on the Home Screen is slightly smaller in the 12 mini.
- The actual width of the 12 mini is slightly narrower than the SE2, but you can think of it as a vertical extension of the SE2's screen.
- The display area of the 12 mini is the same as the 11 Pro/XS/X. What's more, the screenshot resolution is the same as a 5.8 inch iPhone. Just because it's small doesn't mean you can hand your drawing app or other drawing to another device and not look bad? (PS: Adjusted for flagship level @3x resolution?)
- Compared to the SE2, the 12 mini has a much higher resolution OLED display, which makes a difference in terms of image and wallpaper presentation.
Screen Specifications List
iPhone 12 Pro Max
Diagonal Length (inches) : 6.7
Screen Resolution (pixels) : 1284×2778
Viewport (pixels) : 428×926 @3x
Actual Screen Size (mm) : 71.13×153.90
Pixel Density (ppi) : 458
iPhone 12/12 Pro
Diagonal Length (inches) : 6.1
Screen Resolution (pixels) : 1170×2532
Viewport (pixels) : 390×844 @3x
Actual Screen Size (mm) : 64.58×139.77
Pixel Density (ppi) : 460
iPhone 12 mini
Diagonal Length (inches) : 5.4
Screen Resolution (pixels) : 1080×2340
Screenshot Resolution (pixels) : 1125×2436
Viewport (pixels) : 375×812 @2.88x
Actual Screen Size (mm) : 57.67×124.96
Pixel Density (ppi) : 476
iPhone 11 Pro Max/XS Max
Diagonal Length (inches) : 6.5
Screen Resolution (pixels) : 1242×2688
Viewport (pixels) : 414×896 @3x
Actual Screen Size (mm) : 68.81×148.91
Pixel Density (ppi) : 458
iPhone 11 Pro/XS/X
Diagonal Length (inches) : 5.8
Screen Resolution (pixels) : 1125×2436
Viewport (pixels) : 375×812 @3x
Actual Screen Size (mm) : 62.33×134.95
Pixel Density (ppi) : 458
iPhone 11/XR
Diagonal Length (inches) : 6.1
Screen Resolution (pixels) : 828×1792
Viewport (pixels) : 414×896 @2x
Actual Screen Size (mm) : 64.58×139.78
Pixel Density (ppi) : 326
iPhone 8 Plus/7 Plus/6s Plus
Diagonal Length (inches) : 5.5
Screen Resolution (pixels) : 1080×1920
Screenshot Resolution (pixels) : 1242×2208
Viewport (pixels) : 414×736 @2.6x
Actual Screen Size (mm) : 68.36×121.54
Pixel Density (ppi) : 401
iPhone SE2/8/7/6s
Diagonal Length (inches) : 4.7
Screen Resolution (pixels) : 750×1334
Viewport (pixels) : 375×667 @2x
Actual Screen Size (mm) : 58.50×104.05
Pixel Density (ppi) : 326
iPhone SE (1st)
Diagonal Length (inches) : 4
Screen Resolution (pixels) : 640×1136
Viewport (pixels) : 320×568 @2x
Actual Screen Size (mm) : 51.70×90.39
Pixel Density (ppi) : 326
Diagonal Length (inches) : 6.7
Screen Resolution (pixels) : 1284×2778
Viewport (pixels) : 428×926 @3x
Actual Screen Size (mm) : 71.13×153.90
Pixel Density (ppi) : 458
iPhone 12/12 Pro
Diagonal Length (inches) : 6.1
Screen Resolution (pixels) : 1170×2532
Viewport (pixels) : 390×844 @3x
Actual Screen Size (mm) : 64.58×139.77
Pixel Density (ppi) : 460
iPhone 12 mini
Diagonal Length (inches) : 5.4
Screen Resolution (pixels) : 1080×2340
Screenshot Resolution (pixels) : 1125×2436
Viewport (pixels) : 375×812 @2.88x
Actual Screen Size (mm) : 57.67×124.96
Pixel Density (ppi) : 476
iPhone 11 Pro Max/XS Max
Diagonal Length (inches) : 6.5
Screen Resolution (pixels) : 1242×2688
Viewport (pixels) : 414×896 @3x
Actual Screen Size (mm) : 68.81×148.91
Pixel Density (ppi) : 458
iPhone 11 Pro/XS/X
Diagonal Length (inches) : 5.8
Screen Resolution (pixels) : 1125×2436
Viewport (pixels) : 375×812 @3x
Actual Screen Size (mm) : 62.33×134.95
Pixel Density (ppi) : 458
iPhone 11/XR
Diagonal Length (inches) : 6.1
Screen Resolution (pixels) : 828×1792
Viewport (pixels) : 414×896 @2x
Actual Screen Size (mm) : 64.58×139.78
Pixel Density (ppi) : 326
iPhone 8 Plus/7 Plus/6s Plus
Diagonal Length (inches) : 5.5
Screen Resolution (pixels) : 1080×1920
Screenshot Resolution (pixels) : 1242×2208
Viewport (pixels) : 414×736 @2.6x
Actual Screen Size (mm) : 68.36×121.54
Pixel Density (ppi) : 401
iPhone SE2/8/7/6s
Diagonal Length (inches) : 4.7
Screen Resolution (pixels) : 750×1334
Viewport (pixels) : 375×667 @2x
Actual Screen Size (mm) : 58.50×104.05
Pixel Density (ppi) : 326
iPhone SE (1st)
Diagonal Length (inches) : 4
Screen Resolution (pixels) : 640×1136
Viewport (pixels) : 320×568 @2x
Actual Screen Size (mm) : 51.70×90.39
Pixel Density (ppi) : 326
The viewport is a number representing the display area. If it's the same, it shows the same area of the app or website regardless of the screen size. A number like @2x or @3x refers to the Retina display specifications. The screen will display at twice or three times the resolution.
I used iPhone 12 vs Designers as a reference for the viewport.
I used iPhone 12 vs Designers as a reference for the viewport.
