Webのトレンドをもとに、クライアント様へキャンペーンの企画をご提案する際に使えるお役立ち情報をご紹介。情報は随時更新!

画面解像度まとめ

画面解像度まとめ

画面解像度を主流のサイズに合わせる事で、見栄えの良いサイトに仕上がります。そこでデザインを考える前にコンテンツ領域(特に横幅)を最初に考える事が重要です。
横幅いっぱいに表示するのか、誰でもとりあえず閲覧できるよう狭めにするのか。選択肢は様々あって、正解はどれともいえませんが、現在主流となっている画面解像度を知って、都度最適なコンテンツ領域を選択することは可能です。
このページでは、日本国内のデバイス別にランキング形式で使用されている率の高い画面解像度をご紹介します。

PCの画面解像度ランキング

最終更新日:2016.07.08 Fri
PCの画面解像度

PCの画面解像度ランキング(2016年4月~6月)は上記のようになっています。※小数点以下は四捨五入
1位は1920px×1080pxで、横幅が2000px近くもあります。パソコンの性能がよくなり、昔に比べて横幅がかなり大きくなっています。縦幅は3桁のものがちらほらと見えますが、500px以上がほとんどです。

タブレットの画面解像度ランキング

最終更新日:2016.07.08 Fri
インテージ調査結果

タブレットの画面解像度ランキング(2016年4月~6月)は上記のようになっています。※小数点以下は四捨五入
圧倒的に、1位の760px×1024pxが主流です。

スマホの画面解像度ランキング

最終更新日:2016.07.08 Fri
キャンペーン実施統計

スマホの画面解像度ランキング(2016年4月~6月)は上記のようになっています。※小数点以下は四捨五入
1位から3位の差がそんなにないように見えます。大体320px~640pxの間で作成しておけばどのデバイスからでも問題なく閲覧できそうです。

弊社推奨サイズ

最終更新日:2016.07.15 Fri

上記の結果を踏まえ、弊社では、PCの場合はデザインを優先するか、どのディスプレイにもある程度見れるようにするかといったところで「横1000~1200px」。スマホは「横:640」を推奨サイズとしています。
以下に各サイズの見え方を記載しておりますので参考にしてみてください。

弊社推奨サイズ

情報一覧

ITワンストップサービス インフラ構築からシステム開発、デザイン制作、事務局代行、学校向けITプロモーションなどトータルソリューションを提供します

お気軽にお問い合わせください

ご不明な点や、その他ご要望等がございましたら、お気軽にご相談ください。
(お電話いただく際に「HPを見て」とお伝えいただくとスムーズです)

03-5823-1570

営業時間: 平日:9:30-18:15
(土日祝日・年末年始を除く)