バナーの標準サイズ

ホームページ（以下HPと省略）を観覧している方であれば
バナーを目にする機会が多いと思います。

バナーとは、HPを宣伝するためのもので、HP上に散りばめられています。


会社や自身で作ったHPの
「重要な情報のページ」へ飛ばせたり、「SEO対策（外部リンク）」を貼ったりと、
色々な役割があります。
 

基本的には、そのバナーを押すと、
その指定したURLのHPが開く、ボタン的な使い方をします。
 

バナーには、標準のサイズがあります。
 

できるだけその標準にあわせて作成していくことが良いとされています。 
 

標準サイズ

Rectangles and Pop-Ups（長方形＆ポップアップ）

300 x 250 (Medium Rectangle)?

250 x 250 (Square Pop-Up)?

240 x 400 (Vertical Rectangle)?

336 x 280 (Large Rectangle)?

180 x 150 (Rectangle)

Banners and Buttons（バナー＆ボタン）

468 x 60 (フルバナー)

234 x 60 (ハーフバナー)

88 x 31 (マイクロバー)?

120 x 90 (ボタン1)?

120 x 60 (ボタン2)?

120 x 240(縦バナー)?

125 x 125(正方形ボタン)?

728 x 90 (リーダーボード)

Skyscrapers（スカイスクレイパー）

160 x 600 (ワイドスカイスクレイパー)

120 x 600 (スカイスクレイパー)

300 x 600 (ハーフページAD)

この中でHP上でよく使われているバナーサイズは、

●　468 x 60 (フルバナー)（国際標準）

※ クリックで拡大します


一般的な良く見るサイズ（少し大きすぎる場合もあり）

●234 x 60 (ハーフバナー)※国際標準ではありません

フルバナーの横幅を半分にしたもので、国際標準サイズでなく、
日本でよく使われている。（フルバナーよりコンパクトで良い）

●　88 x 31 (マイクロバー)（国際標準）

かなり小さいサイズですのでデザインなどが、
大きいサイズの物より難しくなります。

● 120 x 90 (ボタン1)（国際標準）

商品などを見やすく表現したい時に使うと良いでしょう。

● 120 x 60 (ボタン2)（国際標準）

マイクロバーほど小さくもなく大きすぎないので、
ボタンとしてちょうど良い感じの大きさです。

● 125 x 125(正方形ボタン)（国際標準）

正方形という事もあり、デザインしやすく、視覚的な効果があるでしょう。

バナーには基準がありますので、
HPのレイアウト（どのように情報を伝えたいか）により変更しましょう。

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでHPデザインを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html