matomenai

iPhone6 / 6Plus 視差効果対応の壁紙サイズはこうかもしれないです(10/21:追記あり,サイズ修正)

2014/09/13 01:25

2016/05/25 04:09

  • このエントリーをはてなブックマークに追加

01

iPhone 6 , iPhone 6 Plus が発表されて少し経ちました。
薄い!大きすぎる!解像度が…!予約は?…等いろんな声があるようですが、
当サイトはほぼ壁紙や画像紹介ブログと化しているため、今回はディスプレイサイズ、壁紙について触れたいと思います。

device-widthが初めて変わることになる

初代iPhoneのディスプレイ解像度は320x480pxでした。

当時、携帯電話としては画期的に大きなディスプレイで話題を集め、
3年後、iPhone 4で初めてRetina Displayを搭載。640x960pxになりました。
解像度は大きくなりましたが、画面サイズは変わらないため、
アプリ・ウェブデベロッパーはiPhoneアプリやサイトを作る際、
画面幅320pxを基本に制作をしてきました。画像のみ2倍のサイズを用意する形で(細かい話は割愛します)。

その後、iPhone5で初めて画面サイズが4インチ(640x1136px)と大きくなりましたが、
基本的に縦に伸びただけなので、画面幅(device-width=320px)は変わらず、デベロッパーは大きな対応が必要ありませんでした。

iPhone 6 / 6 Plusで初めて画面幅が変わる

スクリーンショット 2014-09-12 23.44.14

iPhone 6の解像度は750x1334px
iPhone 6 Plusは1080x1920px
iPhoneの登場以来、初めて画面幅が変わります。

device-widthはまだわかりませんが、
iPhone 6 : 375px
iPhone 6 Plus : 414px

上記のものが有力となっています。(9/20追記:確定しました)

画像はそろそろベクターの時代だ等いろいろありますが、
アプリ・ウェブ制作者の方は対応に追われそうです。

壁紙サイズは?

ここで当サイト的に気になるのは壁紙サイズ。

これまでのiPhoneの壁紙は、ディスプレイサイズと同じ解像度の画像を用意すればぴったりだったのですが、
昨年リリースされたiOS 7から視差効果が導入され、当ブログの過去記事でもご紹介したとおり、

壁紙サイズ > ディスプレイサイズ

となったのです。

具体的にはiPhone5,5c,5sだと
ディスプレイサイズ:640 x 1136px
壁紙サイズ:744 x 1392px

ディスプレイサイズに対して壁紙サイズが
横:1.1625倍
縦:1.2253…倍

大きくなっています。

iPhone 6 / 6 Plusもディスプレイの縦横比は同じなので、これを当てはめると…
iPhone 6の視差効果対応壁紙サイズ
872 x 1634px(多分)?
iPhone 6 Plusの視差効果対応壁紙サイズ
1256 x 2352px(多分)?
※追記 @3xでレンダリング後縮小している場合は1444 x 2706px(多分)?
に、なるかもしれません…ね。

————-

発売したので視差効果対応サイズを(10/21:追記)

当サイトの壁紙サイズ予想は外れてしまいました。申し訳ございません。
発売後の情報にでは視差効果に対応した壁紙サイズ(棚壁紙など合わせる時)は

iPhone 6
890 x 1590px
iPhone 6 Plus
1438 x 2592px

iPhone 6

854 x 1590px

iPhone 6 Plus

1398 x 2592px

※iOS8.1でまたサイズが上記のものに変わりました。
参考リンク

また、6 Plusでは横向きのホーム画面にも対応しており、
横向きにも最適化する場合はiPadの壁紙のように正方形の
2592 x 2592pxがいいようです。

————-

なんか気持ち悪い気がするサイズですが、iOS 7の時もそうだったので慣れるでしょう。

ちなみに、iPhone 5sのiOS 8 GM版に搭載されている壁紙のサイズは変わらず744 x 1392pxなので、
これまでの機種の方はiOS 7の壁紙はそのまま使えます。

iPhone 6 / 6 Plusの視差効果対応壁紙があるサイト

すでに準備してるところもありますね。当サイトでよくご紹介しているところです。

iPhone6壁紙 wallpaper.sc【国内最多級のiPhone 6 壁紙】

http://wallpaper.sc/iphone6/

iPhone6向け、iOS8対応の壁紙・待ち受けの大量まとめ。もちろん無料で落とし放題。検索機能も充実で探しやすさ抜群です。

iPhone6Plus壁紙 wallpaper.sc【国内最多級のiPhone 6 Plus壁紙】

http://wallpaper.sc/iphone6plus/

iPhone 6 Plus向け、iOS8対応の壁紙・待ち受けの大量まとめ。もちろん無料で落とし放題。検索機能も充実で探しやすさ抜群です。

すでに890 x 1590px 854 x 1590px1438 x 2592px 1398 x 2592pxの壁紙が多数紹介されています。
現時点でまだiPhone 6を持ってる方は居ないと思いますが、壁紙をお探しの方はチェックしてみてください。

ちなみに同系列の?サイトさんでiPhone 6 / 6 Plusのケースも紹介されています。
iPhone6ケースならcase.sc【iPhone 6 ケース・カバーDB】
iPhone6Plusケースならcase.sc【iPhone 6 Plusケース・カバーDB】
ケースを探してる方はチェックしてみてはいかがでしょう。

それにしても、新型iPhoneは毎度ワクワクしますね。