Help us understand the problem. What is going on with this article?

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.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

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

pe-ta
全然わからない。俺は雰囲気でコードを書いている。 座右の銘:もっと真剣にふざけたい。
codmon
保育園・幼稚園向け業務支援システム「コドモン」の開発・運営を手がける会社です。
https://www.wantedly.com/companies/codmon
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
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  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
ユーザーは見つかりませんでした