お気に入りに表示されるアイコンをカスタマイズする test dept.

ブログデザインを変えてみた勢いで、ブラウザの URL の先頭に表示される小さなアイコン（呼び名がわからなくて、、）を変えてみました。

調べてみると、ブックマークするときも一緒に表示されるこの小さなアイコンは、favorites （お気に入り）に表示されるアイコンだから favicon と呼ばれるもので、MS Internet Explorer の独自仕様が広まったものとのこと。
自分の Firefox 2.0.0.4 / MacOS 10.4.9 でも普通に表示されています。

1. 表示させたいアイコンを用意して、拡張子を .ico にする。
   # 表示は 16 x 16 ドットですが、32 x 32 の方がきれいかも。
   # 10年以上前に作った 32 x 32 ドットの GIF 画像を使用。


2. この画像ファイルをサイトの root ディレクトリに置く。
   

以上で完了なのですが、自分はレンタルブログなので、テンプレート編集で共通 HTML ファイルに下記一行を追加しました。

[IE5] お気に入りに表示されるアイコンをカスタマイズする

Favicon Japan!! -16×16の小宇宙ファビコン-
# ファビコン作成・設置方法の紹介