Edited at

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

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


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


早見表

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

3.5
iPhone 1,3G,3GS
1x
320x480
1
320x480

3.5
iPhone 4,4s
2x
320x480
2
640x960

4.0
iPhone 5,5s,5c,SE
Retina 4
320x568
2
640x1136

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

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

5.8
iPhone X,XS,11Pro
iPhone X / iPhone XS
375x812
3
1125x2436

6.1
iPhone XR,11
iPhone XR
414x896
2
828x1792

6.5
iPhone XS,11Pro Max
iPhone XS Max
414x896
3
1242x2688


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

  • 端末:対応する端末

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

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

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

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


参考資料


xcodeのキャプチャ

スクリーンショット 2019-10-11 14.15.33.png


アップルストアの資料

Artboard.png

Artboard.png


概念図

スクリーンショット 2019-10-11 14.31.13.png

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


sketch資料

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

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


おまけ

スクリーンショット 2019-10-11 14.55.32.png


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