favicon.ico(ファビコン)を作ってみる

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

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

 

< 2015/11/16 Modified >
WordPressに下記サイトにあるプラグインを設置するのが使いやすい。

 

< 2015/07/21 Modified >
画像から変換して確認するには下記サイトが使いやすかった。

 

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

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

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

を記述する。

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