バナーのサイズ解説

バナーは幅×高さのピクセルで測ります。300×250は、幅300ピクセル、高さ250ピクセルのバナーです。ほぼすべてのプラットフォームで使われるサイズは IAB サイズと呼ばれます。この団体が標準として公表したためです。これを知っておくと、誰も掲載できないピースを依頼してしまうことを防げます。

サイズがたくさんある理由

各サイズは、異なる種類の枠にはまります。横に広い上部バー、縦に長いサイドカラム、本文の中の長方形、モバイルの固定バナーなどです。広告枠を購入する人は、掲載場所に応じてサイズを選ぶため、キャンペーンで1つだけ使うことはほとんどありません。

標準14サイズ

BannerMotionでは、この14サイズ（または 300x250 の形式で書く独自のサイズ）を選べます。1つのコンセプトには、合計で最大12サイズまで追加できます。

先に制作するサイズ

最初にどこから始めるか迷ったら、300×250、728×90、160×600、320×50が妥当な組み合わせです。長方形、横長バー、縦長カラム、モバイルの帯という4種類で、最も一般的な4つの枠のタイプを網羅します。BannerMotionで新しいバナーを作成したときに、初期選択されるのもこの組み合わせです。

その後は、メディア購入の予算に応じて広げます。大型フォーマットに予算があれば300×600と970×250を追加し、トラフィックの大半がモバイルなら320×100を加えます。

1つのデザインを多くの形式へ

デザインを拡大することと、適応させることは違います。300×250のバナーを728×90に引き伸ばすと、見出しが小さくなりすぎ、余白が余ります。適応とは、どこに何を置くかを決め直すことです。横長のバーでは、画像を片側に、ボタンを右側に置くことが多いです。縦長のカラムでは、すべてを縦に積み重ねます。

1. 最も難しいサイズ（通常は最も小さいもの、または最も極端なもの）から始めます。そこでメッセージが収まれば、他のサイズでも収まります。
2. すべてのサイズで同じ要素を使います。ロゴ、見出し、ボタンです。
3. 全部を縮小するのではなく、各形状に合わせて並べ替えます。
4. 各サイズを個別に、言語で最も長いテキストを使って確認します。

小さいサイズでのテキストとボタン

320×50や468×60では、ほとんどスペースがありません。短い見出し、ロゴ、ボタンだけです。簡単なルールは、1バナーにつきメッセージは1つ、実寸で無理なく読めるテキスト、モバイルでタップしやすい十分な広さのボタンです。収まらない場合、問題はサイズではなく、メッセージが長すぎることが多いです。

サイズごとの容量

ピースごとに 容量 の上限があります。大きいサイズ（970×250、300×600）は、大きな画像を使うため重くなりがちです。Retina画面向けに2倍解像度の画像を使うと、容量はほぼ2倍になります。セット全体ではなく、各 .zip を個別に測ってください。

標準バナーの先へ

固定サイズのほかに、振る舞いの異なる形式があります。リッチメディア は、インタラクションや動画を含む広告です。エクスパンダブル は、ユーザーが操作するとページ上で広がります。インタースティシャル は、2つのコンテンツの間で画面全体を覆います。これらにはサイトとプラットフォームの対応が必要で、重くなりがちで、独自のルールがあります。制作前に確認してください。

確認日：[未定]。表のサイズはIABが公表したものです。英語の名称は公式のものです。