iPhone
Xcode
iOS

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