iPhone画面サイズ早見表(図付き)

xcodeにてlounchimageを設定しようとしたところ、表記と意味がよく分からなかったので、まとめました。


スクリーンショット 2018-04-25 7.44.07.png


早見表

インチ
端末
xcodeの表示
ポイント
倍率
(scale)
ピクセル

3.5
iPhone
-
320x480
1
320x480

3.5
iPhone 4
2x
320x480
2
640x960

4
iPhone SE
Retina 4
320x568
2
640x1136

4.7
iPhone 6,7,8
Retina HD 4.7″
375x667
2
750x1334

5.5
iPhone 6,7,8 plus
Retina HD 5.5″
414x736
3
1242x2208

5.8
iPhone X
iPhone X
375x812
3
1125x2436

5.8
iPhone XS
iPhone XS
375x812
3
1125x2436

6.1
iPhone XR
iPhone XR
414x896
2
828x1792

6.5
iPhone XS Max
iPhone XS Max
414x896
3
1242x2688


  • インチ:サイズ表記のこと

  • 端末:対応する端末

  • xcodeの表示:xcodeのアセットカタログの表記名

  • ポイント:描画座標のこと。論理上の画面サイズ

  • 倍率:ポイントを何倍してピクセル表示するか。

  • ピクセル:実際に画面に描画されるサイズ


参考資料


xcodeのキャプチャ

スクリーンショット 2018-04-25 7.45.38.png


アップルストアの資料

Artboard.png


概念図

screencapture-paintcodeapp-news-ultimate-guide-to-iphone-resolutions-2018-04-25-07_53_42.png

参考: https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions


sketch資料

グーグルドライブからダウンロードできます。

https://drive.google.com/file/d/1WakoxNaWwGOavcFyf6bmufyKOCH-Sf4u/view?usp=sharing


役にたったらいいねお願いします😄✨