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

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

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

早見表

インチ 端末 xcodeの表示 ポイント 倍率
(scale)
ピクセル
3.5 iPhone 320×480 1 320×480
3.5 iPhone 4 2x 320×480 2 640×960
4 iPhone SE Retina 4 320×568 2 640×1136
4.7 iPhone 6,7,8 Retina HD 4.7″ 375×667 2 750×1334
5.5 iPhone 6,7,8 plus Retina HD 5.5″ 414×736 3 1242×2208
5.8 iPhone X iPhone X 375×812 3 1125×2436
5.8 iPhone XS iPhone XS 375×812 3 1125×2436
6.1 iPhone XR iPhone XR 414×896 3 828×1792
6.5 iPhone XS Max iPhone XS Max 414×896 3 1242×2688
  • インチ:サイズ表記のこと
  • 端末:対応する端末
  • 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


『 Swift 』Article List