Edited at

iOS 解像度、画像スケール、アプリアイコンサイズ

More than 1 year has passed since last update.


はじめに

端末ごとに解像度、画像スケール、アプリアイコンをまとめました。


解像度

端末
Retina
Portrait (px)
Landscape (px)

iPhone X
Retina HD
1125 x 2436
2436 x 1125

iPhone 8 Plus
Retina HD
1080 x 1920
1920 x1080

iPhone 8
Retina
750 x 1334
1334 x 750

iPhone 7 Plus
Retina HD
1080 x 1920
1920 x1080

iPhone 7
Retina
750 x 1334
1334 x 750

iPhone 6 Plus, 6s Plus
Retina HD
1080 x 1920
1920 x1080

iPhone 5, 5S, 5C, 6SE
Retina
640 x 1136
1136 x 640

iPhone 4, 4S
Retina
640 x 960
960 x 640

iPhone 1st, 2nd & 3rd Generation
-
320 x 480
480 x 320

iPad Air 1st & 2nd Generation/ Retina iPad 3rd & 4th
-
1536 x 2048
2048 x 1536

iPad Pro
-
2048 x 2732
2732 x 2048

iPad Mini 2nd & 3rd Generation
Retina
1536 x 2048
2048 x 1536

iPad Mini, 1st & 2nd Generation
-
768 x 1024
1024 x 768


画像スケール

端末
画像スケール
画面密度(PPI)
Display Size(inch)

iPhone X
@3x
458
5.8

iPhone 8 Plus
@3x
401
5.5

iPhone 8
@2x
326
4.7

iPhone 7 Plus
@3x
401
5.5

iPhone 7
@2x
326
4.7

iPhone 6 Plus, 6s Plus
@3x
401
5.5

iPhone 6
@2x
326
4.7

iPhone 5, 5S, 5C ,6SE
@2x
326
4.0

iPhone 4, 4S
@2x
326
3.5

iPhone 1st, 2nd & 3rd Generation
@1x
163
3.5

iPad Pro
@2x
264
12.9

iPad Air / Retina iPad 1st & 2nd Generation/ 3rd & 4th
@2x
264
9.7

iPad Mini 2nd & 3rd Generation
@2x
326
7.9

iPad Mini 1st Generation
@1x
163
7.9

iPad 1st & 2nd Generation
@1x
132
9.7


アプリアイコンサイズ

端末
App Icon(px)
AppStore Icon
Spotlight(px)
Settings(px)

iPhone 6 Plus, 6S Plus, 7 Plus, 8, 8 Plus, X
180x180
1024x1024
120x120
87x87

iPhone7, 6S, 6, 6SE, 5S, 5, 5C, 4S, 4
120x120
1024x1024
80x80
58x58

iPhones 1st, 2nd, 3rd Generation
57x57
1024x1024
29x29
29x29

iPad Pro
167x167
1024x1024
120x120
58x58

Retina iPads Mini 2 & 3, Air, 3 & 4
152x152
1024x1024
80x80
58x58

iPads 1, 2, Mini 1
76x76 px
1024x1024
40x40
29x29


フォントサイズ

Element
Size (pt)
Weight
Spacing (pt)
Type

Nav Bar Title
17
Medium
0.5
Display

Nav Bar Button
17
Regular
0.5
Display

Search Bar
13.5
Regular
0
Text

Tab Bar Button
10
Regular
0.1
Text

Table Header
12.5
Regular
0.25
Text

Table Row
16.5
Regular
0
Text

Table Row Subline
12
Regular
0
Text

Table Footer
12.5
Regular
0.2
Text

Action Sheets
20
Regular / Medium
0.5
Display


参考

・The iOS Design Guidelines