iPhone7の壁紙サイズと歴代iPhoneの画面サイズまとめ!アプリ製作者は解像度をチェックしてみて!

iPhone7の発売日が刻一刻と迫ってきて、iPhone7のスペックや予約販売店などの情報が色々飛び交っていますね。

そんな中でスマホアプリを開発しているものやWEBデザイナーにとって気になるのがiPhone7の壁紙、画面サイズですよね。アプリ開発者の大変な点は新型iPhoneが発売されるとApp Store用のスクリーンショットを撮り直したり、あるいはアプリ自体を調整しなければならないことです。

そこで今回は、「デバイス上の最適なサイズ」、「WEBサイト閲覧時の最適なサイズ」、「壁紙する際の最適なサイズ」の3点を過去のiPhoneの画面サイズを含め紹介していきます。

スポンサーリンク

iPhone7/iPhone7 Plusのスペック

  iPhone7 iPhone7 Plus
画面サイズ 1,334 x 750

4.7インチ

1,920 x 1,080

5.5インチ

カラー シルバー
ゴールド
ローズピンク
ジェットブラック
レッド
ブラック
シルバー
ゴールド
ローズピンク
ジェットブラック
レッド
ブラック
プロセッサ A10 A10
ストレージ 32/128/256GB 32/128/256GB
コネクタ Lightningコネクタ Lightningコネクタ
テザリング

画面サイズはiPhone6s/iPhone6s Plusと変わりません。ですので、実質的にはiPhone6sと同じ壁紙を使うことが可能です。

WEBサイト閲覧時の最適なサイズ

こちらはWEBサイト作りをしているデザイナーさん向けの画面サイズです。実際にiPhoneでWEBサイトを見た時は下記の表示サイズとなって見えます。

画面サイズ ブラウザサイズ
iPhone4s 960 x 640 568 x 320
iPhone5/5s 1136 x 640 568 x 320
iPhone6 1334 x 750 667 x 375
iPhone6 Plus 1920 x 1080 736 x 414
iPhone7 1334 x 750 667 x 375
iPhone7 Plus 1920 x 1080 736 x 414

実際にブラウザで見た時はブラウザサイズ、そしてWebサイトを作る際は画面サイズで作ることをおすすめします。iPhoneはRetinaディスプレイなので、ブラウザサイズの等倍率で作成してしまうと、画像がぼやけます。なので、実質2倍のサイズで作るのが良いです。

アプリに関しても同様です。画面サイズに合わせて作ることをオススメします。

壁紙にする際の最適なサイズ

壁紙にする、または壁紙を作る人はこちらの画面サイズを参照してください。こちらは視差効果も含めたサイズになっていることに注意してください。もし、視差効果をオフにして使う場合は、画面サイズに合わせてアスペクト比を意識して壁紙を作りましょう。アスペクト比はiPhone 5以降16:9となっています。

また、iPhone6 Plusを横向き(ランドスケープ)させた時はサイズが変わってきます。

iPhone4s 1360 x 1040
iPhone5/5s 1536 x1040
iPhone6 890 x 1590
iPhone6 Plus 1438 x 2592
iPhone6 Plus(ランドスケープ) 2592 x 2592
iPhone7 750 x 1334
iPhone7 Plus 1242 x 2208
iPhone7 Plus(ランドスケープ) 2592 x 2592

iPhone7のオススメ壁紙

こちらのサイトでiPhone7のキレイな壁紙が置いてありましたので共有します。

wallpaper.sc

漫画アニメ・ゲームこちらのサイトなんてどうでしょうか?

→ wallpaperboys.com

まとめ

iPhone7の発売に合わせて過去のiPhoneの画面サイズを含めまとめてみました。

スポンサーリンク

Twitterフォロー&シェアよろしくです♪

2 件のコメント

  • 初めまして。
    管理人さんの表紙の「THE FOX」の壁紙がほしいのですが
    どこで配布されているでしょうか?

    • コメントありがとうございます。

      壁紙は下記からダウンロードできます
      https://goo.gl/aVwvh6

      iPhone自体に表示されている壁紙でしたらすみません、こちらではわかりかねません。

      今後とも当ブログをよろしくお願いいたします。

  • ABOUTこの記事をかいた人

    iPhone・Androidを中心にガジェットのレビューや、Webサービス・スマホアプリの使い方などを紹介しています。 広告掲載・レビュー依頼等はフッターの「広告掲載・商品レビューについて」からご連絡お願いします。