nDiki : 48x48

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 のタブにも出た。 メデタシメデタシ。

アイコン写真を2年8カ月ぶりに近影に

半年ぶりぐらいでスーツを着たのでアイコン用に妻に写真を撮ってもらった。縦位置でいい感じにバストアップで撮ってもらったんだけれど、アイコンだと正方形にしなくてはならないのを忘れてた。頭まで全部入れるとアイコンいっぱい顔パンパンになるので、頭を切る感じでトリミング。

茶髪記念でアイコンを変えた2010年8月22日以来ぶりのアイコン変更。

とりあえず以下のアイコン変えた。数が多いしサイズが違うので結構大変。

• mixi 180x180 (JPEG)
• mixiページ 180x180 (JPEG)
• Twitter 240x240 (PNG)
• Facebook 180x180 (PNG)
• Google+ 250x250 (PNG)
• Pinterest 180x180 (PNG)
• livedoor プロフィール 160x160 (PNG)
• foursqaure 128x128 (PNG) ※プロフィールだと 110x110?
• Flickr 48x48 (PNG)
• LinkedIn 200x200 (PNG)
• Skype 214x214 (PNG)
• Yammer 75x75 (PNG) 75x75 and 48x48 っぽい。
• LINE 256x256 (PNG) ※推奨サイズ不明

あとは名刺(これ)が手間。まとめて結構な枚数印刷しておいたんだけれど、近日修正するかな。

[ Naney と mixi ]