/バナーサイズバナーサイズ2017.11.05パッと簡単にバナー画像のサイズを調べる方法ブラウザ上の画像のサイズを測れる便利なアドオンはいくつも存在しますが、アドオンをインストールしなくても簡単にブラウザ上の画像のサイズを調べる方法です。WEB上の画像のサイズの調べ方webブラウザ毎に方法が異なりますので、ブラウザ別に説明してきますね。Chormeの場合1、調べたい画像ファイルの上で右クリック→「検証」をクリック2、「Elements」タブに画像のソースが青く表示されます。height=”320′′」とあるのが画像の元のサイズです。図2の数値が表示サイズです。注意が必要なのは、レスポンシブサイトの場合は図2の数値がブラウザの大きさによって変わってきてしまうということです。ここの数値は今実際に表示されている画像のサイズということなりますので注意してください。height=””」がない場合もあります。(その場合でも図2は表示されています。)元の画像サイズを調べるには画像を保存してサイズを調べます。Chormeは画像を右クリックで保存ができません。そこで下記の方法で画像を保存することができます。1、調べたい画像ファイルの上で右クリック→「検証」をクリック2、今度は先ほどの「Elements」の横並びにある1「Application」タブを見ます。ページで読み込まれている画像が全部一覧で表示されています。その中から該当の画像を見つけると右に表示されるので、右クリックで3[Save]します。ローカルの適当なところに保存したら、続きは下の「パソコン上の画像のサイズのはかり方」をみてください↓Safariの場合(簡単)1、調べたい画像ファイルの上で右クリック→「イメージを別名で保存」をクリック2、ローカルの適当なところに保存したら、続きは下の「パソコン上の画像のサイズのはかり方」をみてください↓パソコン上の画像のサイズのはかり方1、計りたい画像ファイルの上で右クリック2、windows「プロパティ」、Mac「情報を見る」をクリック3、windowsは「詳細」又は「概要」タブをクリックイメージのところに画像サイズが表示されています。以上、簡単に画像のサイズを調べる方法でした。YDNバナーのサイズ【2017年最新】Yahoo!ディスプレイアドネットワーク(YDN)広告用のバナーのサイズです。KB※バナー1点150KB以下にしましょう。.png「600×500」「640×200」「640×100」ピクセルサイズの画像は2017年7月より配信開始になった新しい画像サイズです。それぞれ、従来の「300×250」「320×100」「320×50」ピクセルサイズの2倍サイズになります。従来のサイズの画像と、2倍サイズの画像の両方を入稿している場合は、どちらかのサイズの画像をランダムに表示するためデバイスによっては意図した通りに表示されない可能性もあるので2倍サイズの画像を入稿した場合は、従来サイズの画像を削除するようにしましょう。いうことで、yahoo広告のバナーのサイズは6種類作ればよいと言う事になります。(インフィード広告やレスポンシブ広告を除く)実際のサイズはこちらです。※画像はPCで見た際の実寸です。スマホ専用yahooのバナー広告のサイズの種類は現在6種類です。今後変更になる可能性もあるので、その際は随時最新に更新していきます。バナラボでは、広告用バナーもお得なセット制作していますので、もしバナーの外部依頼をお考えの際にはご検討下さい。AdWordsディスプレイネットワーク(GDN)広告用のバナーのサイズです。KB※バナー1点150KB以下にしましょう。GIF、JPG、PNG優先して作ると良いサイズgoogle広告のバナーのサイズは実に多いですね。広告の効果を上げる為には全てのサイズを作るのが理想的かもしれませんが、制作にかかる時間や費用を考えると全てのサイズ準備するのは難しかったり、レスポンシブ広告(後で記載)も視野に入れると一概にそうともいえないかもしれません。そこで優先して作ると良いサイズをまとめてみましたので、これから広告バナーを作る方への参考にしてみてください。理由:・表示回数が多い(採用サイトが多い)・GDN、YDNと共通のサイズ(googleとyahoo両方に広告を出す、もしくは今後出す予定。唯一YDN/GDN、PC/スマホ/タブレット全てに対応しているサイズで、採用されているサイトも多いサイズです。※画像はPCで見た際の実寸です。「336×280」は「300×250」と比率が全く同じ為、サイズの大きい336×280を先に作り、縮小するだけで手間がかからず2サイズ作成することができます。「120×600」は「160×600」より少し幅を小さくするだけなので一緒に作ると良いですね。728×90はよくヘッダーやフッターエリアに表示されたりするため、目に留まりやすいサイズです。160×600はサイドのスペースに縦長に表示されたりするのを見かけると思います。縦長に大きいのでこちらも目立つサイズです。468×60はコンテンツとコンテンツの間に表示されたりします。「320×100」「320×50」こちらも横のサイズは同じで縦のサイズが倍になっただけなのでリサイズしやすいです。優先サイズまとめ(7サイズ)300×250336×280728×90160×600468×60320×50(スマホ)320×100(スマホ)優先サイズとして7つのサイズを挙げましたが、特に300×250などは、表示回数が多いということはそれだけライバルも多いことになります。上記7サイズは準備しておいて、余裕があればプラスでニッチなサイズも作っておくことが効果的かもしれません。縦サイズが同じで横サイズだけ変更すればOKや、同じ比率なので拡大or縮小するだけでOKなど、リサイズしやすいサイズもあるので、自分で作られる方は一緒に作っておくと良いかもしれませんね。ネットワークのあらゆる広告枠に対応できる「レスポンシブ広告」というものがあります。バナーサイズを考える際にこのレスポンシブ広告も視野に入れると良いかと思います。全サイズのバナーを用意するのではなく、レスポンシブ広告も出して対応できないサイズをバナー画像で準備する方法もあります。イメージ広告のメリット、レスポンシブ広告のメリット、それぞれ違った良さがあるので、バナー広告の内容や特性をよく考えて、どの方法が自社に合っていて効果的かを検討するとよいと思います。(google公式サイトリンク)最後にgoogleのバナー広告のサイズの種類は沢山ありますが、全てのサイズを準備することが必ずしも良いとは限りません。サイズがわからなかったり迷われた場合は上の7サイズを参考にしてみてください。バナラボでは、広告用バナーもお得なセット制作していますので、もしバナーの外部依頼をお考えの際にはご検討下さい。