【2021年9月】iPhone画面解像度まとめ

こんにちは（・∀・）

新型iPhone 13の発表に伴いiPhone画面解像度のページを更新しました。

iPhone画面解像度一覧

この一覧に掲載されている情報は2021年9月の時点でアップルストア オンラインで購入できる製品の情報です。Apple製品取扱店で購入できる製品の情報は過去ページ【2020年10月】iPhone画面解像度まとめにてご確認いただけます。

ハイライトされたCSSピクセルの数値でコーディングします。
iPhone 13 Pro Maxは横幅428px、
iPhone 13 Pro、iPhone 13は横幅390px、
iPhone 13 miniは横幅360px、
iPhone 12 Pro Maxは横幅428px、
iPhone 12 Pro、iPhone 12は横幅390px、
iPhone 12 miniは横幅360px、
iPhone SEは横幅375px、
iPhone 11、iPhone XRは横幅414pxです。

画像等を作成する際はデバイスピクセルの数値を参考にしてください。
iPhone 13 Pro Maxは横幅428px x 3倍、
iPhone 13 Pro、iPhone 13は横幅390px x 3倍、
iPhone 13 miniは横幅360px x 3倍、
iPhone 12 Pro Maxは横幅428px x 3倍、
iPhone 12 Pro、iPhone 12は横幅390px x 3倍、
iPhone 12 miniは横幅360px x 3倍、
iPhone SEは横幅375px x 2倍、
iPhone 11は横幅414px x 2倍のサイズで画像を作って
CSSピクセルの大きさに縮小表示させると画像はキレイに表示されますす。
しかし、ファイルサイズが大きくなり過ぎるので1.5倍位のサイズで画像を作っても良いのではないかと思います。

関連ページ

【2021年10月】iPad画面解像度まとめ
【2020年10月】iPhone画面解像度まとめ
【2020年9月】iPad画面解像度まとめ
【2020年4月】iPad画面解像度まとめ
【2020年4月】iPhone画面解像度まとめ
【2018年11月】iPad画面解像度まとめ
【2018年9月】iPhone画面解像度まとめ
【2020年度決定版】レスポンシブデザインのブレークポイントはこれで決まり❗️
【制作Tips】デバイスピクセルとCSSピクセル
【制作Tips】画面解像度一覧表