nDiki : favicon.ico

2004年12月8日 (水)

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

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

[ 12月8日全て ]

2004年12月10日 (金)

www.naney.orgfavicon.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. 16x1632x32 は @icon変換上でアルファマスクを作る。
  7. 48x48 は psd のアルファチャネルがそのまま効く。
  8. マルチプルアイコンとして保存。

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

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

image:http://www.naney.org/img/2004/icon/na-48x48.png

配置

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

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

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

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

[ 12月10日全て ]

About Me

Naney Naney (なにい)です。株式会社ミクシィで SNS 事業の部長をしています。

nDiki1999年1月に始めたコンピュータ日誌を前身とする NaneyWeb 日記(兼パーソナルナレッジベース)です。ちょっとしたノートは nNote にあります。

※内容は個人的見解であり所属組織とは関係ありません。

月別インデックス
Process Time: 0.052285s / load averages: 0.29, 0.33, 0.33
nDiki by WATANABE Yoshimasa (Naney)
Powered by DiKicker