7つのweb広告のバナーサイズと、役立つ無料バナー作成ツールの紹介

webサイトに広告を設置するときの適切なバナーサイズを7つのweb広告に沿ってご紹介します。

Adobe Expressを早速試しましょう

web広告とは、インターネット上で公開される広告全般を指します。GoogleやYahoo!などのwebサイトに表示されるディスプレイ広告や、SNSプラットフォームに配信されるSNS広告もそのひとつです。

ディスプレイ広告は、ページ上の広告枠にバナーを設置して宣伝するので、一般的に「バナー広告」と呼ばれています。また、SNS広告でもバナー形式で表示されるものが多く利用されています。

バナーには、大きいものや小さいもの、横長のものや縦長のものなど、様々なサイズがあります。より効果的にユーザーに宣伝するための視覚的な工夫が施されているのです。

この記事では、ディスプレイ広告やSNS広告に適した画像バナーサイズについて解説しています。また、カンタンな操作で指定したサイズのバナーを作れる、無料のデザインツール「Adobe Express」もご紹介します。

Adobe Expressは様々なフォントや複数の画像素材を自由に使えるので、コンセプトに合った広告を作れますよ。

style

long-form

Levels

広告用バナーとは？役割と効果

webサイトやアプリを閲覧しているユーザーに向けて、画面の端からその存在をアピールしてくる広告バナー。バナーは、広告主が提供するお得な情報やキャンペーンなどを視覚的に伝える看板です。ユーザーの視界に入りやすい場所に、最適なサイズのバナーを使用して商品を宣伝することで、その商品の認知度を高めます。

バナーとは

バナー（banner）は、直訳すると「旗」や「のぼり」という意味です。つまり、バナーとは「ここにこんな情報がありますよ」とユーザーに伝えるための目印だといえます。

バナーは売りたい商品に関する情報を簡潔に伝えるための宣伝ツールで、画像や動画、テキストなどで構成されています。また、webサイトやアプリ画面の一部として、自然にユーザーの視界に入るように配置されているのが特徴です。ユーザーがバナーをクリックすると、広告主が設定したwebページへと移動して、その商品についての詳しい情報を得られるようになっています。

広告用バナーのオススメサイズ

バナーは、webサイトを見る人の目に留まりやすいように、サイズや掲載場所が工夫されています。しかし、使うデバイスや掲載場所によっては、バナーサイズが合っていないとバナーの一部が見切れたり、想定した通りの見た目で表示されなかったりすることもあります。

この記事では、一般的によく使われているバナーのサイズを、ディスプレイ広告とSNS広告に分けてご紹介します。掲載したい場所や目的に合わせて、最適なサイズを選んでみてください。

ディスプレイ広告（バナー広告）の基本的なバナーサイズ

まずは、GDN（Google広告／Google Display Network）やYDA（Yahoo!広告／Yahoo Display Ads／旧YDN）で表示されるディスプレイ広告について、PCとスマートフォンに適したバナーサイズを見ていきましょう。

PCに適したバナーサイズ

PCは画面が広い分、大きいバナーが設置できるので、インパクトの強いバナーサイズが使えます。また、バナーサイズが大きいと画像やテキストのレイアウトをしやすいという利点があります。大きめのバナーサイズで、使いやすいものは次の3つです。

・120×600 px（スカイスクレイパー）
「スカイスクレイパー（超高層ビル）」と呼ばれる縦長のバナーで、画面の左右の端に設置されます。

・160×600 px（スカイスクレイパー）
120×600 pxより少し幅が広いサイズのスカイスクレイパーです。

・728×90 px（ビッグバナー）
横に細長い、長方形のバナーです。横幅を広くとる広告サイズであるため、ページの上部や下部などに配置されることが多いです。

スマートフォンに適したバナーサイズ

スマートフォンでは小さめのバナーを使用しましょう。スマートフォンに適したサイズは、次の2つです。

・320×50 px（モバイルバナー）
小さいサイズで横に長い長方形のバナーです。

・320×100 px（モバイルバナー）
320×50 pxよりも高さのあるモバイルバナーです。

PCとスマートフォンのどちらにも適用できるバナーサイズ

バナーサイズがたくさんあることはわかったけれど、実際に設置するとなると、どのサイズから作ればよいのかわからない。そういう場合は、まずはPCとスマートフォンの両方で使用できる、汎用性の高いバナーサイズをおさえましょう。推奨されているバナーサイズは次の2つです。

・300×250 px（レクタングル中）
正方形に近い横長の長方形のバナーです。PCの場合、画面のサイドバーに表示されることが多いサイズです。

この「300×250 px」は、GDNとYDAのどちらも推奨しているバナーサイズです。バナーを設置するときは、PCにもスマートフォンにも掲載しやすい、このバナーサイズから作成してみましょう。

・336×280 px（レクタングル大）
正方形に近い横長の長方形のバナーです。サイズは336×280 pxとレクタングル（中）よりも少し大きく、コンテンツ内など目立つ場所に使われることが多いバナーです。

SNS広告に適したバナーサイズ

SNS広告では、プラットフォームに適したバナーのサイズを、アスペクト比（画像の縦横の長さの比）で表します。後ほど紹介するすべての配信先で採用されているアスペクト比（画像の縦横の長さの比）は、「1.91：1」と「1：1」です。

まず、「1.91：1」のアスペクト比である「1,200x628 px」のバナーは後述のすべてのSNS広告で利用可能なサイズです。また、「1：1」も、解像度こそ各SNSで異なりますが、あらゆるプラットフォームで利用できるアスペクト比です。まずは上記のいずれかのアスペクト比で作ってみましょう。

・1.91：1（1,200x628 px）

・1：1（1,080x1,080 px）

配信先7サービスの広告バナーサイズまとめ

ディスプレイ広告やSNS広告などのweb広告は、配信先によってそれぞれ入稿規定が決められています。webサイトやFacebookなど自分の目的とする場所に設置する際には、各配信先で使用できるバナーサイズを正確に把握することが大切です。

この章では、代表的なweb広告であるGDNとYDAのディスプレイ広告のほか、5つのSNS広告の画像広告のサイズについて見ていきましょう。

※各広告の詳細や最新情報については、ヘルプページを確認してください。

ディスプレイ広告（バナー広告）のバナーサイズ

GDNとYDAで配信されるバナー広告について、一般的なサイズは以下のとおりです。

1. Google広告（GDN）

バナーサイズ

ファイル形式：GIF、JPG、PNG、SVG
ファイルサイズ：最大150KB

ヘルプページ：第三者配信に関する要件 - Google 広告ポリシーヘルプ

2. Yahoo!広告（YDA / 旧YDN）

バナーサイズ

ファイル形式：GIF、JPG 、PNG
ファイルサイズ：推奨：300KB以内（最大3MB）

ヘルプページ：バナー（画像）- 運用型 - ヘルプ - Yahoo!広告

レスポンシブディスプレイ広告について

ディスプレイ広告（バナー広告）について調べていると、「レスポンシブ広告」という言葉を見かけることがあります。レスポンシブ広告とは、入稿した画像や動画、テキストを自動的に組み合わせて生成してくれる広告のことです。

バナー広告は決められたサイズ以外では表示されませんが、レスポンシブ広告は配信される広告枠のサイズに合わせて情報を自動で最適化するので便利です。なお、レスポンシブ広告は広告枠によって表示サイズが変わることから、画像の端がトリミングされてしまう場合があります。伝えたい情報や重要な部分は、端の方に配置しないようにしましょう。

GDNとYDAで推奨されるレスポンシブ広告の画像サイズは次の通りです。