GIMPでfavicon

このブログのデザインも何とか決まったのでfaviconを作ってみました。

こんなの。
→faviconとは(wikipedia)

なのでこれからはこのブログにもfaviconが表示されるようになります。
GIMPと@icon変換というどちらもフリーソフトで簡単(?)に作れました。
なので作り方をメモ。

128×128の元画像を作成

GIMPのチュートリアルはかなりの数が転がっているので割愛。
上の画像が128×128の元画像となります。

この時背景を透明にして透過させるとGOODです。

元画像から縮小

最終的に　128×128 64×64 32×32 16×16の４つの画像をfavicon.icoに詰め込みます。
多分、IrfanViewなどで自動でできると思うんですが、面倒だったのでGIMPで手作業。

画像＞画像拡大縮小で

数値を指定して。

こんな感じに小さくなったら、「コピーを保存」などで、
icon64など自由に名前をつけて保存。

繰り返し保存

そうして64が終わったら次は32に縮小して保存。16で保存。
で元画像ファイル含め４つできました！

@icon変換で変換

@icon変換（http://www.towofu.net/soft/aicon.php）から変換ソフトをダウンロードしておきます。
起動して、さっき作った４つのファイルをD&D！

こんな感じで登録されたら４つを選択した状態で「マルチアイコンに保存」を押して保存。
名前は「favicon.ico」です。
これで完成。

ドキュメントルートにアップロードしておけば基本は大丈夫なようですが
ヘッダに記述する設置方法が前述のwikipediaに載っています。