web広告とは、インターネット上で公開される広告全般を指します。GoogleやYahoo!などのwebサイトに表示されるディスプレイ広告や、SNSプラットフォームに配信されるSNS広告もそのひとつです。
ディスプレイ広告は、ページ上の広告枠にバナーを設置して宣伝するので、一般的に「バナー広告」と呼ばれています。また、SNS広告でもバナー形式で表示されるものが多く利用されています。
バナーには、大きいものや小さいもの、横長のものや縦長のものなど、様々なサイズがあります。より効果的にユーザーに宣伝するための視覚的な工夫が施されているのです。
この記事では、ディスプレイ広告やSNS広告に適した画像バナーサイズについて解説しています。また、カンタンな操作で指定したサイズのバナーを作れる、無料のデザインツール「Adobe Express」もご紹介します。
Adobe Expressは様々なフォントや複数の画像素材を自由に使えるので、コンセプトに合った広告を作れますよ。
※当記事の
目次
広告用バナーとは？役割と
広告用バナーの
配信先7サービスの
広告用バナーは
Adobe Expressで
広告用バナーとは？役割と効果
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,200ｘ628 px」のバナーは後述のすべてのSNS広告で利用可能なサイズです。また、「1：1」も、解像度こそ各SNSで異なりますが、あらゆるプラットフォームで利用できるアスペクト比です。まずは上記のいずれかのアスペクト比で作ってみましょう。
・1.91：1（1,200ｘ628 px）
・1：1（1,080ｘ1,080 px）
配信先7サービスの広告バナーサイズまとめ
ディスプレイ広告やSNS広告などのweb広告は、配信先によってそれぞれ入稿規定が決められています。webサイトやFacebookなど自分の目的とする場所に設置する際には、各配信先で使用できるバナーサイズを正確に把握することが大切です。
この章では、代表的なweb広告であるGDNとYDAのディスプレイ広告のほか、5つのSNS広告の画像広告のサイズについて見ていきましょう。
※各広告の詳細や最新情報については、ヘルプページを確認してください。
ディスプレイ広告（バナー広告）のバナーサイズ
GDNとYDAで配信されるバナー広告について、一般的なサイズは以下のとおりです。
１．Google広告（GDN）
バナーサイズ
- ファイル
形式： GIF、 JPG、 PNG、 SVG - ファイル
サイズ： 最大150KB
ヘルプページ：第三者配信に関する要件 - Google 広告ポリシー ヘルプ
２． Yahoo!広告（YDA ／ 旧YDN）
バナーサイズ
- ファイル
形式： GIF、 JPG 、 PNG - ファイル
サイズ： 推奨： 300KB以内 （最大3MB）
ヘルプページ：バナー（画像）- 運用型 - ヘルプ - Yahoo!広告
レスポンシブディスプレイ広告について
ディスプレイ広告（バナー広告）について調べていると、「レスポンシブ広告」という言葉を見かけることがあります。レスポンシブ広告とは、入稿した画像や動画、テキストを自動的に組み合わせて生成してくれる広告のことです。
バナー広告は決められたサイズ以外では表示されませんが、レスポンシブ広告は配信される広告枠のサイズに合わせて情報を自動で最適化するので便利です。
なお、レスポンシブ広告は広告枠によって表示サイズが変わることから、画像の端がトリミングされてしまう場合があります。伝えたい情報や重要な部分は、端の方に配置しないようにしましょう。
GDNとYDAで推奨されるレスポンシブ広告の画像サイズは次の通りです。
- ファイル
形式： GIF、 JPG 、 PNG - ファイル
サイズ： Google： 5,120 KB、 Yahoo!： 300KB
ヘルプページ：レスポンシブディスプレイ広告を作成する - Google 広告ヘルプ
Google 広告の仕様: 広告フォーマット、サイズ、ベスト プラクティス
レスポンシブ（画像）- 運用型 - ヘルプ - Yahoo!広告
SNS広告のバナーサイズ
SNS広告で使用される一般的なサイズは以下のとおりです。
ここでは、Facebook、Instagram、X（旧Twitter）、TikTok、LINEの5つのSNSの画像広告に関する推奨事項を紹介しています。
３．Facebook広告
バナーサイズ
- ファイル
形式： JPG、 PNG - ファイル
サイズ （最大）： 30MB - 幅（最小）：
600 px （ストーリーズの 場合は 500 px） - 高さ（最小）：
600px - アスペクト比の
比率許容誤差 （※）： 3% （ストーリーズの 場合は 1％）
（※）比率許容誤差：画像の縦と横の長さが、比率によって算出された数字と違っても許容される差。例）比率許容誤差3%、アスペクト比1：1、解像度1,080ｘ1,080 px の場合、許容範囲は1,112ｘ1,080 px
ヘルプページ：広告形式の仕様と推奨事項
４．Instagram広告
バナーサイズ
- ファイル
形式： JPG、 PNG - ファイル
サイズ （最大）： 30MB - 幅（最小）：
500 px - 高さ（最小）：
400 px - 最小アスペクト比：
400ｘ500 px - 最大アスペクト比：
191ｘ100 px - アスペクト比の
比率許容誤差： 1%
ヘルプページ：広告形式の仕様と推奨事項
５．X広告（旧Twitter広告）
・バナーサイズ
- ファイル
形式： JPG、 PNG - ファイル
サイズ （最大）： 5MB
ヘルプページ：Twitter広告クリエイティブの仕様
６．TikTok広告
バナーサイズ
- ファイルタイプ：
JPG、 PNG - ファイル
サイズ （最大）： 500KB
ヘルプページ：静止画広告の規定
７．LINE広告
画像サイズ
- ファイル
形式： JPG、 PNG - ファイル
サイズ （最大）： 10MB
ヘルプページ：LINE広告（LINE Ads） 入稿規定マニュアル
以下のページでは、LINE広告の設定方法、運用のポイント、および無料のデザインツール「Adobe Express」のデザインテンプレートを使った広告デザインなどを紹介しているので、設定や運用にお困りの方はあわせてご覧ください。
LINE広告の設定方法～手順・活用のポイントをやさしく紹介
画像内のテキストの詰め込みに注意しよう！
SNS広告を配信するときの画像内のテキスト使用量は、全体の20%以内を目安に詰め込み過ぎないように気を付けましょう。
ここまで、ディスプレイ広告やSNS広告のバナーサイズについて解説しました。
次はこれらのバナーを無料で作れるツールについて見ていきましょう。
広告用バナーは無料で作れる！自作バナーで集客力UP！バナー作成に使える無料テンプレート
バナーサイズがわかれば、今度は実際にバナーを作ってみましょう。
バナーの作成には、無料のデザイン作成ツール「Adobe Express」がオススメです。Adobe Expressは豊富な素材を備えた便利なツールで、直感的な操作でカンタンにバナーを作れます。
Adobe Expressのテンプレートをカスタマイズすると、素早く高品質なバナー広告ができますよ。
