Webデザイン基礎知識・Web製作支援サイト|小道具屋|

ウェブデザインサイト・小道具屋
文字サイズ変更  文字サイズ拡大 文字サイズ縮小 元に戻す
Webサイトを構築する全ての人のために。
小道具屋サイト開催1999/09/06 HOMEに戻る Webサイトの顔であるindexを考えてみましょう。 デザインにはコツがあります。コツさせ掴めば結構簡単かも? ユーザーをコンテンツに導くナビゲーションはしくじると使いにくいサイトになります。 デザインとは直接関係ないですが小技を紹介。 ブログ ご連絡・お問い合わせはコチラまで。

etc Tips

バナーサイズって?(バナーのサイズには規格があります。)
角丸ってどうやって作るの?(テーブルの角が丸くなる方法)
HTML4.01でFlashってどうリンク貼るの?(embedタグ使わずにobjectだけでFirefoxでFlash動かす方法)
デザイン的にプロとアマの違いってどこなの? 【準備中】
ウェブデザイナーになりたいんだけどどうすればいいの? 【準備中】
検索エンジンで上位に表示したいけどどうすればいいの?(SEO対策) 【準備中】
アクセシビリティってなに?(Webサイトのバリアフリー ) 【準備中】
RSS、RDFの書き方って?  【準備中】

バナーサイズって?

バナーとは主として他サイトの宣伝・広告を目的とした内容であり、リンク先サイトによって用意される、そのために各人が思い思いのサイズで作ってしまうと非常に見づらくなったり、デザインがおかしくなるので、IAB[外部リンク]による勧告や様々な過去の流れから下にあるようなサイズが一般的に利用されている。

これ以外のサイズの利用が認められていないわけではないが、ある程度標準化されている内容のため従っておいた方が「なんだこいつ!」って思われず無難でしょう。

Full Banner 468*60 Skyscraper 120*600
Half Banner 234*60 Wide Skyscraper 160*600
Vertical Banner 120*240 Rectangle 180*150
Button #1 120*90 Medium Rectangle 300*250
Button #2 120*60 Large Rectangle 336*280
Square Button 125*125 Vertical Rectangle 240*400
Micro Button 88*31 Square Pop-up 250*250

ここでよく使われるのが、Full Bannerの468*60、Half Banner234*60、Micro Button88*31の3つでしょう。しかし日本では何故か200*40っと言うサイズが使われています。どうもCG系やアニメ系が始めたようなのですが、このサイズは日本のローカルサイズなので、個人サイト以外では使用しない方がいいでしょう

FullとHalfは中途半端なサイズですがこれは、2でも3でも割り切れる数字なのでWebで使用するには適したサイズだと言われています。

尚、MicroButtonの88*31はネットスケープのアイコンバナーがこのサイズだったので、それが定着されたと言われていますが詳細は不明です。

  • 468*60
    468×60ピクセルバナー(Full Banner)

    234*60
    234×60ピクセルバナー(Half Banner)

    200*40
    200×40ピクセルバナー

    88*31
    88×31ピクセルバナー(Micro Button)