nDiki : favicon.ico

32x32 16x16 アイコン GIMP @icon変換 48x48 PAR サムネイル Windows XP Photoshop マスク ブックマーク Firefox www.naney.org 画像サイズ PNG Web ブラウザ Web サーバ Windows

■ 始めてアイコンを作ってみた。

GIMP で 32x32 と 16x16 のインデックスカラーBMPを作って @icon変換でコンバート favicon.icoへの設定、PARでexe化の際のアイコン設定をしてみる。

• www.naney.org に favicon.ico を設定 (2004-12-10)
• デジカメ写真管理ソフトウェア digiKam (2006-03-10)
• PEG-TJ25インストールメモ (2004-03-11)
• PEG-TJ25 インストールメモ (2004-04-15)
• 今日のさえずり (2007-10-04)

■ www.naney.org に favicon.ico を設定

この間 favicon.ico を作ってうまくいったので、www.naney.org のも作ってみた。

今回は Windows XP 用に 48x48 もアイコンに組み込んでみる。

1. GIMP で 1:1 のイメージを作る
2. 16x16 インデックスカラー(255色)にしたものを BMP で保存。
3. 32x32 インデックスカラー(255色)にしたものを BMP で保存。
4. 48x48 にしたものを psd で保存。
5. @icon変換で読み込む。
6. 16x16、32x32 は @icon変換上でアルファマスクを作る。
7. 48x48 は psd のアルファチャネルがそのまま効く。
8. マルチプルアイコンとして保存。

最初 @icon変換上で 48x48 PNG画像を読み込んだ後アルファチャネルをぽちぽち描いてみたのだが、なかなか綺麗にいかない。 @icon変換は psd が読めるので、Photoshop で作っていれば直接アルファが取れるんだろうなぁと残念がる。 しかし、もしやと思って確認したら GIMP でも psd で保存できるのであった。 ということで 48x48 のアルファチャネルは楽勝。

16x16 と 32x32 は手でぽちぽちと。 もうちょい綺麗にしたいがまぁいいか。

@ 配置

名前を favicon.ico にして http://www.naney.org/favicon.ico として配置。 Web ブラウザのアドレスバー、ブックマークにアイコンが出た出た。

しかし、Firefox のタブのところには出ない。

他のサイトではうまく出ているところもあるのに、何がいけないんだろ? と比較。

どうやら、うちの Web サーバで MIME Type が設定されていないのが原因のようだ。 image/x-icon を返すようにしたところ、Firefox のタブにも出た。 メデタシメデタシ。

• 始めてアイコンを作ってみた。 (2004-12-08)
• Google ブラウザではなかった Google Chrome (2008-09-03)
• Firefox 時間帯別ホームページ切り換え (2006-09-19)
• 紙copi 試したけれど Windows メインではないので使わなさそう (2007-03-06)
• ホームネットワークカメラ BL-C10 買っちゃった (2005-01-18)