画面サイズ一覧

画面サイズ一覧

インターネット初期の頃は画面サイズが 640×480800×600 などが標準サイズでしたが、今では PC,タブレット,スマートフォンはもちろん、家庭用ゲーム機やテレビからもインターネットを見ることができる一方で、配置する画像サイズに困ることも少なくありません。

…というわけで、ウェブサイトの背景画像や壁紙などを作成する際の参考に画面サイズ一覧をまとめてみました。

※ ここでは主な規格のみ掲載しています。機種ごとのサイズには対応していませんのでご了承ください。

画面サイズ一覧
サイズ 通称 比率 備考
320×240 QVGA 4:3 PDAや携帯電話などで採用
400×240 WQVGA 3:2 QVGAの幅を広げた規格。PDAや携帯電話などで採用
640×480 VGA 4:3 PC用グラフィックシステムの標準
800×480 WVGA 15:9 VGAの幅を広げた規格。PDAや携帯電話などで採用
800×600 SVGA 4:3 256色、65536色、16777216色
854×480 FWVGA 16:9 WVGAの幅を広げた規格。PDAや携帯電話などで採用
1024×768 XGA 4:3 iPadが採用
1280×800
1280×768
WXGA 15:9
16:10
1280×960 Quad-VGA 4:3 VGA(640×480)の4倍の画素数・面積(相似比は2倍)
1280×1024 SXGA 5:4
1400×1050 SXGA+ 4:3 SXGA(1280×1024)を縦横にわずかに広げた解像度
1680×1050 WSXGA+ 16:10
1600×1200 UXGA 4:3
1920×1080 FHD 16:9 フルHD
1920×1200 WUXGA (Wide-UXGA) 16:10 ノートパソコンの最大ピクセル数
2048×1536 XGA (Quad-XGA) 4:3 XGA(1024×768)の4倍の画素数・面積(相似比は2倍)
2048×1536 Retinaディスプレイ 4:3 iPad Air … 264ppi
iPad mini … 326ppi
2560×1600 WQXGA (Wide-QXGA) 16:10 WXGA(1280×800)の4倍の画素数・面積(相似比は2倍)
2560×2048 QSXGA (Quad-Super XGA) 5:4 SXGA(1280×1024)の4倍(Quad)の画素数・面積(相似比は2倍)
3200×2400 QUXGA (Quad-Ultra-XGA) 16:10 UXGA(1600×1200)の4倍の画素数・面積(相似比は2倍)
3840×2160 QHD (Quadruple/Quarter High Definition) 16:10 フルHD(1920×1080)の面積比4倍(3840×2160、相似比は2倍)または1/4(960×540、同1/2)の解像度
3840×2400 QWUXGA (Quad-WUXGA) 16:10 QUXGA(3200×2400)の横幅を広げた解像度

最近のモニターであれば、16:10 で画像を作成すれば対応しますが、古いモニターに対応する場合は4:3のサイズで作成するのが望ましいでしょう。また、レスポンシブで縦・横どちらの表示にも対応する場合は 1:1 で背景画像を作成し、保存時の画像圧縮などで適切なサイズに書き出すようにしましょう。

※ iPad Air(264ppi), iPad mini (326ppi)をはじめ、高解像度の画面に最適な画像を用意する場合、2048×2048 の画像を別に用意し、jQuery でPCとスマホで画像を切替える方法などを使います。

このエントリーをはてなブックマークに追加
LINEで送る

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>