「お気に入り」アイコン

IE5 以降の「お気に入り」(Favorites)にアイコンを設定するには,16×16ピクセルの ICO 形式のファイル favicon.ico をサイトのドキュメントルートに置いておきます。 そのサイトのページを「お気に入り」に登録すると,一覧の左側にアイコンが設定されます。

ドキュメントルートにファイルが置けない場合や,同じサイトでもページによって異なるアイコンを設定したい場合は,HTML ファイルの <head>……</head> の部分に次のように ICO ファイルの URL を指定します。

<link rel="SHORTCUT ICON" href="http://example.jp/hoge.ico" />

このように書いておくと,IE 以外の多くのブラウザでも URL の左にアイコンが出ます。

ICO 形式のファイルが作れるソフトには,Microsoft Visual Studio のアイコンエディタ,IrfanView や Susie(プラグインで対応)などがあります。

コマンドで作るには,あらかじめ GIMP などで 16x16 で16色程度に減色した PNG ファイルを作り, png2icopng2ico --colors 16 favicon.ico x.png のようにして作ります。 Windows 版以外は,ソースコードからコンパイルします(Vine Linux 4.x では libpng-devel を追加インストールする必要がありました)。

なお,Mozilla の場合は,次のようにして任意の形式のファイルをアイコンにできるようです。

<link rel="icon" type="image/png" href="icon.png" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />

てきとーに作った三重大学の favicon.ico を置いておくので使ってください。


奥村晴彦

Last modified: 2008-08-10 21:36:51