Loading...
Web制作

iphone6対応は必要か?

2014.09.12 update

なかのひとです。
本日よりウワサのiphone6が予約開始とのことで、弊社の職員もIT企業らしくあちらこちらで盛り上がっております。

2014-09-12
画像元:Apple

Plusのサイズ感、話題になっていましたがやはり大きいですね。
ほぼ同サイズのAndroidを所持しているエンジニアさんがいらっしゃったので触らせていただきましたが、女の私では片手で操作することができないほどの大きさでした。やはり買う方のほとんどは男性なのでしょうか。
個人的な購買意欲はさておき、日本におけるモバイルからの閲覧者の半数以上がiphoneです。Webデザイナーとしてはチェックしないわけがありません。
Retina対応が掲げられて(業界的には)久しい今日ですが、この今回のiphone6、困ったことに若干ディスプレイのタテヨコ比率が異なるらしいとの話です。

aaa
画像元:Apple

iphone5の解像度1,136 x 640pxのサイズの画像をiphone6の1,334 x 750pxに合わせると仮定します。
横幅を揃えるための倍率は1.171875倍
これを縦幅にも適用すると、1331.25pxとなります。あれ?
実際のサイズと-2.75pxの差が出ました。

同じようにiphone6 Plusで計算してみます。
1,920 x 1,080pxに合わせると、横幅倍率は1.6875
これを適用すると1917pxになり、やはり-3pxの差が出ます。
たかが2.75pxと3pxといわれればそれまでですが、デザイナーたるもの1ピクセルにこだわりを持てと言われるこの世界です。Retinaとはまた別の対応を考えなければいけない日が来るのかもしれません。

関連記事

  • 2014.10.03

    iPhone6/plus のスクリーン

  • 2014.09.26

    iOS8 Safariの新技術とブラウザ対応状況について

  • 2014.09.19

    web屋さんにとってのiOS8のSafari8

COLUMNコラム

2014.06.13

WordPressで投稿メニューを増やす(1)

2014.01.27

wordpressの自動更新

2014.08.08

もうレガシーとはおさらば?IEのサポートが最新バージョンのみに

2014.10.03

iPhone6/plus のスクリーン

2014.09.01

かゆい所に手が届くWordPress 4.0アップデート

2014.09.12

iphone6対応は必要か?

2014.09.26

iOS8 Safariの新技術とブラウザ対応状況について

2014.10.10

スターターテーマ「_s」でオリジナルテーマをつくる(1)

2014.04.25

WordPress3.9アップデートをかいつまむ

2013.12.24

WordPressを使ったサイト事例2

2016.05.11

ケーススタディ

2014.06.30

WordPressで投稿メニューを増やす(2)

2014.05.16

WordPressの検索を強化する

2014.04.18

WordPressで一時的なテンプレートテストをする

2018.08.06

Node.js+express環境構築手順(2)

2013.10.02

photoshop簡単に明るくふわっとした肌にする。

2014.07.04

ぐるなび公式レストラン検索 「WordPressプラグイン」

2014.08.22

情報収集

2016.05.11

システムエンジニア S.G

2013.12.27

WordPress 3.8