favicon.ico（ファビコン）を作ってみる

faviconを作る機会があったのでメモ。

特殊な技術がなくても作成した画像をここのサイトでfavicon.icoに変換してくれる。透過処理もチェックをつけるだけで生成可能（デフォルトは付いてない）。

作成されたfavicon.icoを編集する場合は@icon変換を使う。

HTMLに埋め込む場合はheadタグに

<link rel="shortcut icon" href="favicon.ico" />

を記述する。

ちなみにWindowsのアイコンや綺麗なアイコンを作成したい場合は下記のリンクが参考に。

• 【MSDN】Windows XP 用アイコン作成法
• 【PHPSPOT】綺麗なアイコン作成のチュートリアル集