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.09.19

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

2013.11.08

新人ウェブデザイナーの制作話(2)

2014.07.04

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

2014.04.18

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

2018.07.17

Googleカレンダーにイベント登録、ChatWorkへメッセージを送信する方法③

2013.12.13

WordPressでよく使うプラグイン4

2014.01.17

サイトにひと味加えるWordPress テーマ

2014.03.20

wordpressで住所から緯度経度を取得

2014.07.18

Mac OSX Yosemite

2014.08.08

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

2013.08.30

web制作コラムを開始しました。

2014.07.11

WordPressを無料で使う

2014.01.27

wordpressの自動更新

2016.05.11

システム開発とは?

2016.05.11

ケーススタディ

2016.05.11

無線エンジニアのご紹介 K.N

2014.03.07

SEOに強いWordPress テーマ

2014.06.30

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

2018.06.11

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