12月 112009
 

私が代表を務めている産学連携組織のウェブサイトで,やはりfavicon(ファビコン?)を使用した方がよいと思い立ち,作成することにした.

大きめの正方形アイコンをAdobe Photoshop CS3で作成して,それを32×32のサイズで保存し,画像ファイルをfavicon.icoに無料で変換してくれるウェブサイトで変換したのだが,出来上がりがあまりに酷かった.解像度が落ちまくりで,文字が滲んで,全く判別できない.これではダメだと思い,Adobe Photoshop CS3でfavicon.iconをエクスポートする方法はないものかと探してみた.

世の中には偉い人がいるもので,Photoshopで作成した画像をICO (Windows Icon)形式で保存できるようにするプラグインを見付けた.Windows版もMac版もある.64bitにも対応している.いずれかをダウンロードして,圧縮ファイルを解凍し,README.htmlに書かれているとおりに,ファイルを C:\Program Files (x86)\Adobe\Adobe Photoshop CS3\プラグイン\ファイル形式 にコピーして,Photoshopを起動すると,使えるようになる.

ただし,これまたREADME.htmlに書かれているとおり,幅と高さが255 pixels以上の画像はダメで,カラーモードはRGBカラー 8 bitでないといけない.初期設定でカラーモードがCMYKカラーになっているなら,ファイルを新規作成するときに,RGBカラー 8 bitにしておく必要がある.幅と高さは64 pixelとか128 pixelとかにしておけばいいだろう.

ついでに,このブログのfavicon.icoファイルも作成してみた.プラグイン作者に感謝!!

このブログ用に作成したfavicon.ico
このブログ用に作成したfavicon.ico

産学連携組織サイト用に作成したfavicon.ico
産学連携組織サイト用に作成したfavicon.ico

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>