iPhone/Android/ガジェットレビュー/ポケットWiFiなど、IT関連情報を365日お届けしています。

DigitalNews365

iPhone

歴代iPhoneの壁紙サイズ・画面サイズ・ブラウザサイズをまとめて紹介

更新日:

7/16 12時から36時間限定!Amazonプライムセール実施中

今回の記事では、歴代iPhoneに最適な壁紙サイズを紹介していきます。この壁紙サイズですが、「デバイス上の最適なサイズ」「Webサイト閲覧時の最適なサイズ」「壁紙にする際の最適なサイズ」の3つで異なります。

Webデザインをしている人ならば、Webサイト閲覧時の最適なサイズを意識しなければなりませんし、アプリ制作者であればデバイス上の最適なサイズを意識しなければなりません。

スポンサーリンク

歴代iPhoneの画面サイズまとめ

まずはiPhoneの画面サイズをまとめました。

機種画面サイズ(px)サイズ(インチ)
iPhone X2436 x 11255.8
iPhone 8 Plus1920 x 10805.5
iPhone 81334 x 7504.7
iPhone 7 Plus1920 x 10805.5
iPhone 71334 x 7504.7
iPhone 6s Plus1920 x 10805.5
iPhone 6s1334 x 7504.7
iPhone 6 Plus1920 x 10805.5
iPhone 61334 x 7504.7
iPhone 5s1136 x 6404
iPhone 5c1136 x 6404
iPhone 51136 x 6404
iPhone 4s960 x 6403.5
iPhone 4960 x 6403.5

iPhone Ⅹは歴代iPhoneの中で最も大きな端末で、その画面サイズは5.8インチ(2436 x 1125)となっています。iPhone 8およびiPhone 8 Plusに関しては画面サイズもブラウザサイズもiPhone 7時代と変わりありません。

歴代iPhoneの壁紙サイズまとめ

次に歴代iPhoneの壁紙サイズをまとめました。

機種壁紙サイズ(px)アスペクト比
iPhone X2436 x 11252:1
iPhone 8 Plus1920 x 108016:9
iPhone 81334 x 75016:9
iPhone 7 Plus1920 x 108016:9
iPhone 71334 x 75016:9
iPhone 6s Plus1920 x 108016:9
iPhone 6s1334 x 75016:9
iPhone 6 Plus1920 x 108016:9
iPhone 61334 x 75016:9
iPhone 5s1136 x 64016:9
iPhone 5c1136 x 64016:9
iPhone 51136 x 64016:9
iPhone 4s960 x 6403:2
iPhone 4960 x 6403:2

基本的に画面サイズと一緒になりますが、iPhoneには「視差効果」という機能がありますので、実際はアスペクト比を守りながら上記壁紙サイズよりも大きい壁紙を用意するのが無難です。

この視差効果とは、iPhoneを傾けたりすること奥行きを演出する機能です。この機能は「設定アプリ → 一般 → アクセシビリティ」まで進み、「視差効果を減らす」をオンにすることで無効化できます。

歴代iPhoneのブラウザサイズまとめ

実際の物理的な解像度とブラウザサイズは異なります。最新のiPhone 8からiPhone 4までのブラウザサイズをまとめたので参考にしてください。

機種ブラウザサイズ(px)
iPhone X812 x 375(全体)
667 x 375(互換)
iPhone 8 Plus736 x 414(互換)
667 x 375(拡大)
iPhone 8667 x 375(互換)
568 x 320(拡大)
iPhone 7 Plus736 x 414(互換)
667 x 375(拡大)
iPhone 7667 x 375(互換)
568 x 320(拡大)
iPhone 6s Plus736 x 414(互換)
667 x 375(拡大)
iPhone 6s667 x 375(互換)
568 x 320(拡大)
iPhone 6 Plus736 x 414(互換)
667 x 375(拡大)
iPhone 6667 x 375(互換)
568 x 320(拡大)
iPhone 5s568 x 320
iPhone 5c568 x 320
iPhone 5568 x 320
iPhone 4s480 x 320
iPhone 4480 x 320

Webデザインをしている方は、このブラウザサイズでサイトを作ってはいけません。その理由はiPhoneの画面がRetina対応となっているからです。

Retinaディスプレイは、アップル製品のうち、100〜200dpi程度であった従来の倍の解像度、高画素密度のディスプレイを指す名称である。「Retina」(レティナ)は英語で「網膜」という意味で、画素が細かく人間の目で識別できる限界を超えている、ということから命名された。

簡単に言ってしまうと、ブラウザサイズピッタリでWebサイトを作ってしまうと、画像が荒くなってしまうよ、ということです。ですので、iPhoneを意識してWebデザインを行う場合は、ブラウザサイズの2倍の大きさでデザインを行うのが良いです。

例えば、iPhone 8の場合ですと、ブラウザサイズの横幅が375pxなので、実際にデザインする場合は750pxで作ったほうが、より鮮明に画像を表示することが出来ます。最初のほうで紹介した「画面サイズ」で調整してあげれば良いです。

スポンサーリンク

iPhoneにおすすめな壁紙サイト一覧

iPhone X

iPhone 8

iPhone 7

歴代iPhoneの壁紙サイズ/まとめ

以上が、歴代iPhoneの壁紙サイズ、画面サイズ、ブラウザサイズの紹介でした。

Webサイトのデザインをしている方は、ブラウザサイズではなく実際の画面サイズを意識してWebサイトを作ることをオススメします。Retina倍率というややこしい部分もありますが、基本的には画面サイズに合わせれば問題ないでしょう。

壁紙を設定する場合は、アスペクト比に注意してください。

スポンサーリンク

7/16 12時から36時間限定!Amazonプライムセール実施中

-iPhone
-iPhone, 壁紙サイズ

Copyright© DigitalNews365 , 2018 All Rights Reserved.