Firefox でブックマークの favicon がでっかい

以前からいくつかのサイトでブックマークに表示される favicon がでっかくて変だなーと思っていたのですが、原因(の一部?)がわかりました。

  1. 16 x 16 以上のサイズ( 64 x 64 とか)で画像を作成。(以下、元画像と呼ぶ)
  2. Telegraphics の ICO (Windows Icon) Format を使って favicon.ico を作成。
  3. アップロード!

タブのタイトル横に表示されるのは 16 x 16 に縮小されたものですが、ブックマークすると元画像のサイズの左上から 16 x 16 部分が表示されてしまう。
ブックマークにもちゃんと表示したいので、元画像を作成後 16 x 16 にリサイズして保存。それを favicon.ico に加工することで解決しましたヽ(・ω・)ノ

ブックマーク内で favicon の一部しか表示されていないサイトの favicon.ico を見比べてみたりしたら何かわかるかもと思ってやってみました。

The Web KANZAKI

ブラウザ アドレスバー タブ ブックマーク
IE 7 Win OK OK OK
Firefox 2.0.0.13 Win OK OK 左上の一部
Opera 9.27 Win NO NO NO
Safari 3.1 Mac OK - OK
Firefox 2.0.0.13 Mac OK OK 左上の一部
Opera 9.27 Mac NO NO NO

バリューコマース

ブラウザ アドレスバー タブ ブックマーク
IE 7 Win OK OK OK
Firefox 2.0.0.13 Win OK OK 左上の一部
Opera 9.27 Win OK OK OK
Safari 3.1 Mac OK - OK
Firefox 2.0.0.13 Mac OK OK 左上の一部
Opera 9.27 Mac OK OK OK

ログピ

前に見たときは Firefox のブックマークで一部しか表示されていなかったけど直ってた!

ブラウザ アドレスバー タブ ブックマーク
IE 7 Win NO NO NO
Firefox 2.0.0.13 Win OK OK OK
Opera 9.27 Win OK OK OK
Safari 3.1 Mac OK - OK
Firefox 2.0.0.13 Mac OK OK OK
Opera 9.27 Mac OK OK OK

p15.jp

参考までにここのやつも。

ブラウザ アドレスバー タブ ブックマーク
IE 7 Win OK OK OK
Firefox 2.0.0.13 Win OK OK OK
Opera 9.27 Win OK OK OK
Safari 3.1 Mac OK - OK
Firefox 2.0.0.13 Mac OK OK OK
Opera 9.27 Mac OK OK OK

バラバラでよくわからん

ひとまずわかったことは、favicon.ico のサイズが 16 x 16 以上だと Firefox のブックマークでは 16 x 16 に縮小されずに欠けて表示されてしまうこと。
ちなみにここの favicon.ico は 16 x 16 だけど、Photoshop プラグインで作成しているからかダウンロードになってしまいました。
ルート直下に favicon.ico をアップロードしているだけですが、もしかしたらサーバの方で Apache の設定がされているのかも。

Favicon Japan!! -ファビコンの設置方法-
favicon の設置方法にもいろいろあるみたいですが、とりあえず今のところ主要なブラウザでは表示できているっぽいのでよしとする!

この記事が最後に更新されたのは 2008年04月16日 22:30 です。

このページの先頭へ戻る

コメント(0)

コメントはありません

コメントをどうぞ

(公開されません)

トラックバック(0)

この記事は p15.jpFirefox でブックマークの favicon がでっかい です。
関連が低いと判断したトラックバックは予告無く削除させていただく場合がありますのでご了承ください。

トラックバックはありません

p15.jp について

このページの先頭へ戻る