Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
357
Help us understand the problem. What is going on with this article?
@pe-ta

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

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 12mini Super Retina XDR 375x812 3 1080x2340
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.1 iPhone 12,12Pro Super Retina XDR 390x844 3 1170x2532
6.5 iPhone XS,11ProMax iPhone XS Max 414x896 3 1242x2688
6.7 iPhone 12ProMax Super Retina XDR 428x926 3 1284x2778
  • インチ:サイズ表記のこと
  • 端末:対応する端末
  • 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

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

357
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
357
Help us understand the problem. What is going on with this article?