バナー作成時の注意


バナー作成時の注意

バナーとは・・・そのWebサイト(HP)の看板のテキスト・画像・動画のこと。

他のサイトに自分のサイトを紹介してもらうことを想定して、バナーを作りましょう。
バナーの形式には大きく分けて3種類あります。

  1. CSSなどでデザインしたテキストタイプ
    例)TEST
  2. 画像(.gif  .jpg  .png)
    例)バナー画像sample
  3. 動画(.swf)
    例)FLASH

当ページでは、インターネットで一番使われている2番の、画像について説明します。


バナー画像の種類

インターネットに対応している画像形式は、GIF、JPG、PNGの3つの形式ですが、
一昔前には、GIF、JPGのみで、PNGはまだありませんでした。
何故PNGというのが生まれたのかを説明するまえに、
GIFとJPGとPNGの説明をします。

GIF ・・・ Graphics Interchange Format
256色だけに対応している画像形式で、それ以上の色を感知した場合には、近似色に変換される。
透明色があるのがこのGIFのみ
アニメーションが使えるのもこのGIFのみ
輪郭のはっきりした色変化の少ない画像
JPG ・・・ Joint Photographic Coding Experts Group
フルカラー(1677万色)対応なのに、非常に軽い。
アニメーションを使わない画像なら、全世界的にJPGが推奨である。
使う色が少ないと、無理やり近い別の色にしたりするので、少色の画像にはJPGは使わないようにしましょう。(にじみます)
全体的に輪郭のはっきりしない画像
PNG ・・・ Portable Network Graphic
GIFとJPGのいい部分を取ったようなもの。
フルカラー対応で、JPGのようなにじみはなく、GIFのような近似色に変換されるほどの低画質でもない。
W3Cが推奨している画像形式です。

最初はGIFとJPGの2形式でした。
しかし、色をたくさん使いたい、でもJPGだと色がにじむ・・・という自体が生まれてきました。
そこで、生まれたのがPNG形式です。
近年W3Cが推奨しているPNG形式は、ランキングサイト(Yomi-Searchシステムなど採用サイト)ではほとんど対応しているでしょう。
しかし、まだ対応していないところもあり、いずれPNGは一番使い勝手のいい形式になっていくかもしれません。


バナーのサイズ

ランキングサイトや、サーチエンジンに登録すると、『バナーのアドレス』を入力するところがあると思います。
そこでバナーが無いとちょっと他より見劣りしてしまいます。
しかも、ランキングサイトや、サーチエンジン毎にバナーのサイズが違ったりするから困ります。
このページでは、このサイズのバナーさえ作ってれば大丈夫というサイズを紹介します。

200*40
(ローカルバナー)
・・・ だいたいこのサイズがあればほとんどのとこで通用します。
日本の国内基準
88*31
(マイクロバナー)
・・・ 画像を小さく表示してるとこはこのサイズが使われます。
世界の国際基準
468*60
(フルバナー)
・・・ 広告の画像バナーで一番よく使われるサイズ。
広告出稿企業向け基準

日本国内だけなら200*40を作れば大体大丈夫です。
国際向けにEnglishページも作るのであれば88*31サイズのバナーも作りましょう。


TOPへ戻る