各種サイズについてのメモ

横幅どうしたらいいだろうとか悩ましいときに参考にする数値をあげてあります.

Yahoo! JAPAN内のサイズいろいろ

Yahoo! JAPAN内では,ほんとにいろんなサイズが使われていて,あまり基準があるようには思えません. おそらくグラフィカルなインタフェースで作業をしておられるのだと思うのですけど, 中途半端な値になっていることが多くて,キリのいい数字にしようという感覚はないようです. ページデザインしてるのは,プロのデザイナさんだろうから, ピクセル単位でキリがいい値にしようっていう感覚はなくて当然かなと思いますけども.

Yahoo! JAPAN内で使われてるサイズいろいろ
Location Width Height Official Note
Yahoo! JAPAN ページ横幅 710 N/A No テーブルタグのwidth属性で指定
Yahoo! JAPAN トップページ 675 60 No クリッカブル マップになっている
Yahoo!ブログ
ブログ プロフィールの画像 120 120 Yes  
名前アイコン 60 17 Yes  
ブログバナー 148 38 Yes  
“最新の画像”のサムネイル 117 88 No 高さ88に枠の上下1pxが加わって90になるサイズ? だとすると,このサイズの意図は120×90なんだけど, Yahoo!ブログの最新画像のサムネイルて枠ついてないんだよね….

バナーサイズ

バナーサイズについては, Interactive Advertising Bureao (IAB)という団体が作成した Universal Ad Packages という標準規格ガイドラインが存在しています. ただし,独自にいろいろ調査してみたところ,Yahoo! JAPANのようなメジャーなポータルサイトですら, 規格外のバナーやアイコン,ボタンを多用していて,かなり悩ましい状況です. なにしろ,けっこう最近始まったYahoo!ブログのバナーですら148×38と, IABガイドラインのどのサイズにも近くない大きさになっていますから….

バナーサイズ(+α)
Standard Name Width Height Note
IAB Full Banner 468 60
Half Banner 234 60
Micro Banner 88 31 Netscapeに由来する由緒正しいバナーサイズ.
Button 1 120 90
Button 2 120 60
Vertical Banner 120 240
Square Button 125 125
Leader Board 728 90
規格外 日本独自サイズ 200 40 規格外だが日本では非常によく使われている.
ファビコン
favicon.ico
16 16 ブラウザのアドレス バーに表示されるアイコンのサイズ. 通称ファビコン(favicon.ico). [ホームページ制作ガイド/お気に入りアイコン(ファビコン)の作り方

テキスト部分の長さ指定は相対単位を推奨

参考リンク


はたいたかし
Mar. 15, 2006.
トップ > 資料 > Web編集