画面解像度のまとめ - グレヌデサ La graine du dessin
Design Other

画面解像度のまとめ


デザインの際、ページ幅を決める上で判断材料となる画面解像度。
スマートフォン、タブレットPCの普及で、そのサイズもいろいろとなりました。
今回は、PC、スマートフォンに分けて主要な解像度をまとめてみました。


PC対応の画面解像度

まずはおなじみのPCの解像度。
1280×1024(SXGA)、1024×768(XGA)が今でも利用は多く、
ここを踏まえてページ幅を決めておけば無難、という印象です。




pc_kaizoudo.gif




・XGA : 1024×768 (4:3)
・WXGA : 1280×800 (16:10)
・SXGA : 1280×1024 (5:4)
・HD  : 1366×768 (16:9)
・WXGA+: 1440×900 (16:10)
・HD+ : 1600×900 (16:9)
・FHD : 1920×1080 (16:9)
・WUXGA: 1920×1200 (16:10)


スマートフォン対応の画面解像度


Android系のスマートフォンは機種によってサイズがまちまちですが、以下の4種類が主流の傾向です。

・720×1280
・540×960
・480×800
・480×854

これに加えてiPhone、iPadのサイズを踏まえる必要がありますね。




smafo1.gif




・320×480 (主な機種:iPhone3G / 3GS 他)
・640×960 (主な機種:iPhone4 / Au IS03 他)
・768×1024 (主な機種:iPad / iPad 2)






smafo2.gif




・720×1280(主な機種:GALAXY NEXUS SC-04D 他)
・540×960(主な機種:htc EVO 3D 他)
・480×800 (主な機種:Galaxy S / Nexus One 他)
・480×854 (主な機種:Xperia (SO-01B) / Xperia arc (SO-01C) 他)
・600×1024 (Galaxy Tab)




■参考:Hacking My Way ? itogのhack日記 : Androidデバイスのディスプレイサイズ、DPI一覧


(masanori)

New Entries
TOP
Old Entries

Webトレンド情報局とは

クリエイティブグループスタッフがお送りする、Webデザイナーのための知識とTIPS。 PhotoShopの便利な豆知識や、CSSのお困り解決、デザイン概論などなど。
【隔週木曜日更新】

運営会社:株式会社ジーピーオンライン

RSSを購読する

Monthly Archive


Warning: MagpieRSS: Failed to fetch http://lab.gpol.co.jp/trend/atom.xml and cache is off in /usr/home/aa218u55sc/html/magpierss/rss_fetch.inc on line 240

Warning: Invalid argument supplied for foreach() in /usr/home/aa218u55sc/html/graine/footerrss.php on line 36

Warning: MagpieRSS: Failed to fetch http://lab.gpol.co.jp/tsubo/atom.xml and cache is off in /usr/home/aa218u55sc/html/magpierss/rss_fetch.inc on line 240

Warning: Invalid argument supplied for foreach() in /usr/home/aa218u55sc/html/graine/footerrss.php on line 36

Warning: MagpieRSS: Failed to parse RSS file. (Mismatched tag at line 89, column 8) in /usr/home/aa218u55sc/html/magpierss/rss_fetch.inc on line 240

Warning: Invalid argument supplied for foreach() in /usr/home/aa218u55sc/html/graine/footerrss.php on line 36