OTHER

iPhone の画面サイズまとめ

iPhone の画面サイズをまとめて紹介します。
例えば、スマートフォン用のサイトデザインを制作する時に参考にしてください。

iPhone 8
発売時期未定
iPhone 7 Plus
iPhone 6s Plus
iPhone 6 Plus
1,920 x 1,080ピクセル解像度、401ppi
描画サイズ 414 x 736ピクセル
iPhone 7
iPhone 6s
iPhone 6
1,334 x 750ピクセル解像度、326ppi
描画サイズ 375 x 667ピクセル
iPhone 5
iPhone 5s
iPhone 5c
iPhone SE
1,136 x 640ピクセル解像度、326ppi
描画サイズ 320 x 568ピクセル

Photoshop ファイルを作る場合

スマートフォンサイトのデザインを作る場合、描画サイズを元にしてカンパスサイズを決めると作業しやすいと思います。
ただし、画像を書き出す場合は画像がRetina対応できるように倍のサイズで書き出します。
例えば、アセットを調整したり、自分の制作スタイルに合わせた形で書き出してください。

まとめ

iPhone の画面サイズをまとめて紹介しました。

合わせて読みたい関連記事