• 2022/9/18
• 2分

【Swift】iPhoneサイズ早見表！ピクセル、インチの意味や端末名など

＼ アプリをリリースしました ／

友達や家族の誕生日をメモ！通知も届く-みんなの誕生日-

posted withアプリーチ

iPhoneサイズ早見表

Swiftでアプリ開発の際に何かと必要になる各iPhone端末のピクセルなどのサイズをまとめました。

サイズの読み方

iPhoneのサイズはインチ、ポイント、ピクセルなど何かの大きさを示す指標が複数あってややこしいです。それぞれの違いをまとめてみます。

iPhoneのサイズの違い

• インチ　：ディスプレイの対角線の長さ
• ポイント：画面サイズ
• ピクセル：画素

インチ：inch

インチとは日本で言うところのセンチメートルやミリメートルなどといった長さを表す指標のことです。「1インチ = 2.54cm」と決められています。

iPhoneなどのiOSデバイスで「6.7インチ」などと謳われているのはディスプレイの対角線の長さのことです。

ポイントとは？

ポイントとはデバイスの基本的な画面サイズのことを指します。ポイントと呼ばれていますが、後述するピクセルとも同義です。

ポイントとピクセルの2つがあるのには「Retinaディスプレイ」と呼ばれるApple製品独特のディスプレイ形態に関係してきます。Retinaについても後述しています。

ピクセル：pixel

ピクセルとは日本語で言うところの「画素」のことで、デジタル画面や画像などを表示する際の最小表示単位です。ピクセルは色のついた点のようなものでその点がたくさん集まって画面を表示しています。例えばiPhone14 Pro Maxの「1290ピクセル x 2796ピクセル」と言うのは横に1290個のピクセル、縦に2796ピクセルが並んで表示されているということになります。

もちろん数が多いほどより綺麗に繊細に色味を表現できることになります。

dpiとppiの違い

ピクセルに関連した解像度を表す言葉に「dpi：dots per inch」や「ppi：pixels per inch」があります。両者の違いは使用される機械から見た場合の呼び方の違いであり、「1インチあたりにいくつピクセル(ドット)があるかを示す指標」と言う意味合いでは同義になります。

• dpi：dots per inch　：プリンタなどに使用
• ppi：pixels per inch：ディスプレイなどに使用

ですがプリンタの機種によっては必ずしも「ピクセル = ドット」と言うわけではないので注意してください。

Retinaディスプレイ

Retina(レティーナ)ディスプレイとはApple製品のディスプレイ名称で、通常は1ドットを1ピクセルを表しますがRetinaディスプレイでは1ドットを複数のピクセルで表示させることができる技術が使用されていることで、より繊細な色彩が表現できるようになっています。

iPhone 8ではポイントが375 x 667に対してピクセルが750 x 1334となっています。これは1ドットを4ピクセル(2x2=4)で表現しており、iPhone 14ではポイントが390 x 844に対してピクセルが1170 x 2532で、1ドットを9ピクセル(3x3=9)で表現可能となっています。

これにより解像度の高いディスプレイが実現できています。

端末ごとにコードを分岐させる

Swiftを用いて開発を行う際に端末ごとにコードを分岐させる際のコードを置いておきます。

let deviceHeight = UIScreen.main.bounds.height
switch deviceHeight {
    case 568:
      print("iPhone SE")
    case 667:
      print("iPhone 6s / 7 / 8 / SE 2nd / SE 3rd")
    case 736:
      print("iPhone 6s Plus / 7 Plus/ 8 Plus")
    case 812:
      print("iPhone X / XS / 11 Pro / 12 mini / 13 mini")
    case 844:
      print("iPhone 12 / 12 Pro / 13 / 13 Pro / 14 /14 Pro")
    case 896:
      print("iPhone XS Max / XR / 11 / 11 Pro Max")
    case 926:
      print("iPhone 12 Pro Max / 13 Pro Max / 14 Plus / 14 Pro Max")
    default:
      print("それ以外")
}

UIScreenクラスの使い方と横幅の取得方法などは下記記事を参考にしてください。

ご覧いただきありがとうございました。

私がSwift UI学習に使用した参考書