526
414

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Last updated at Posted at 2018-04-24

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

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

広告

codmonで働いてます。デザイナーさん&エンジニアさん積極採用中。
子育て環境をよりよくしたいかたwanted!
qiita見ました!っと言ってくれるとお祝い金がでるかも。
https://www.wantedly.com/companies/codmon

早見表

インチ 端末 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,SE2 Retina HD 4.7″ 375x667 2 750x1334
5.4 iPhone 12・13mini Super Retina XDR 375x812 3 1080x2340
5.5 iPhone 6,6s,7・8plus 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.1 iPhone 12,13,12・13Pro Super Retina XDR 390x844 3 1170x2532
6.5 iPhone XS,11ProMax iPhone XS Max 414x896 3 1242x2688
6.7 iPhone 12・13ProMax Super Retina XDR 428x926 3 1284x2778
  • インチ:サイズ表記のこと
  • 端末:対応する端末
  • xcodeの表示:xcodeのアセットカタログの表記名
  • ポイント:描画座標のこと。論理上の画面サイズ
  • 倍率:ポイントを何倍してピクセル表示するか。
  • ピクセル:実際に画面に描画されるサイズ

参考資料

xcodeのキャプチャ

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

アップルストアの資料

Artboard.png
Artboard.png
スクリーンショット 2021-10-12 14.22.05.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

おまけ

スクリーンショット 2021-10-12 14.59.24.png

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

526
414
3

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
526
414

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?