faviconを作ってみた。
ブラウザのアドレス入力欄やブックマーク一覧に表示される例のアイコンだ。
特に必要性も無いし、もともとは（僕も嫌いな）IEの独自仕様だし、
わざわざ手間かけて作ることも無いんだけど、
結構キレイなアイコンを作ってるサイトが多いことに気付いて、
ちょいと試しに作ってみようかと。

まずは画像編集ソフトを使って、アイコンに使用するための絵を作る。
それぞれ32x32と16x16の二つのサイズを作成。
[uribou.net]
[uriblog]
[uridev]
[uriphoto]
[uribouMAPS]

これらの画像から、アイコンファイルを生成する。
以下の二つのツールを試してみた。

FavIcon from Pics -- how to create a favicon.ico for your website
@icon変換 - 画像とアイコンの相互変換ツール

一つ目のはWEB上のサービスで気軽に使えるのが嬉しいんだけど、
マルチアイコン（複数のアイコンを一つのファイルにしたもの）が作れない。
32x32と16x16の二つのサイズを入れたアイコンファイルにしておくと、
アドレスバーなどには小さいアイコン、デスクトップなどには大きなアイコン、
を表示してくれるようになり、見栄えが良い。
というわけで、今回、アイコンファイル生成には
二つ目の「@icon変換」っていうWindows用フリーソフトを使わせて頂いた。

あとは、作ったアイコンファイルをfavicon.icoという名前で
アップロードして、HTMLのヘッダ部に以下のような記述をしてやれば作業完了。

<link rel="shortcut icon" href="(アイコンファイルのURL)">

[Firefoxのアドレス入力欄]


[Firefoxのブックマーク一覧]


[IEのお気に入り]


[デスクトップ]


うん、なかなかよろしい。自己満足。