東京都新宿区のWeb制作会社 ウェブラボ株式会社

スタッフブログ

スマホサイト活用法iphone6編

2014.12.04 Posted by

141204

話題の新型スマホ iphone6 は、iphone5 と比べて画面サイズが 大きくなりました。

ブラウザのサイズが 320×568 ピクセルから 375×667 ピクセルへ、また物理的解像度は 640×1,136 ピクセルから 750×1,334 ピクセルとなっています。さらに iphone6 plus では、ブラウザサイズが 414×736 ピクセルで、物理的解像度は 1,080×1,920ピクセル と一回り以上も拡大されました。

これによって、自社のスマホサイトも iphone6 および iphone6 plus に対応できる仕様にグレードアップする必要があります。

レスポンシブWebデザインにおいては、PC・スマホサイト共に横幅640ピクセルを基準としており、iphone6ではそれで支障はありません。しかしながら、iphone6 plus ではPCサイトの表示となる場合が出てきます。

さらに、iphone5に対応するスマホ用画像については、これまではまず640ピクセルで制作したものを、画面の解像度を鮮明にするために2分の1サイズで表示していました。これが iphone6plus では、まず1,080ピクセルで制作したのち、今度は3分の1サイズで表示することとなります。

以上のような iphone6 および iphone6 plus 新登場に伴うスマホサイトの仕様変更を機に、Webサイトの全面的見直しを図る必要がありそうです。

オリエンシートダウンロード

オリエンシートダウンロード

PAGETOP

お問い合わせContact

まずはお気軽にご相談ください。

Web制作・コンサルティング・システム開発に関するお問い合わせ・お見積もり依頼は、
電話・問い合わせフォームより受け付けております。(受付時間:平日9:30〜18:30)

〒160-0004 東京都新宿区四谷4丁目33-2
マーキュリースクエア4F

TEL:03-5366-3277 FAX:03-5366-3278