HUBLOG

このブログを開設して早半年。ここ１ヶ月ほどはアクセス数が飛躍的に増加した状態が続いてます。僕のチラシの裏に付き合ってくれている大勢の方々には心より感謝申し上げます。

ということで、本日は日頃の感謝の意味を込めまして、（今更ながら）faviconを設置してみることにしました。

いざ作ろうと思ったまではよかったのですが、さてどうやって作ったら一番簡単でかっこよくできるかなぁと。で、オンラインで作成できるあれとかそれとかね、いくつか思いついたのですが最終的にはやっぱりPhotoshopに落ち着きました。通常、Photoshopでは拡張子「.ico」のアイコンファイルは扱えないのですが、フリーのプラグインを導入することでこれを難なく解決できます。

使い方は至って簡単で、ダウンロードしたプラグインをPhotoshopインストール先のフォルダ内「/プラグイン/ファイル形式」に放り込むだけ。これで、保存形式にICO(Windows Icon)が現れます。あとは16×16pxサイズで適当にお絵かきをして、favicon.icoという名前で保存。サーバーのルートにアップロード。

最後に、次のコードをヘッダに追加しておきます。

<link rel="shortcut icon" type="image/x-icon" href="http://...../favicon.ico" />

ブラウザに対して「ここにfavicon.icoがありますよ」とお知らせ。簡単ですね。それにしても、16×16pxというのはこんなに小さいのかと。最初は「はぶ（改行）ろぐ」と４文字入れたのですが、どうやっても読める字になってくれず、泣く泣く「は」だけに…。

とりあえず、Firefoxの場合は一度favicon.icoに直接アクセスすると（ちなみに僕のサイトの場合はhttp://musicmaniacs.net/favicon.ico）即時にfaviconが適用されるようです。Safariの場合は確かキャッシュをクリアしたりしなければならなかったように記憶してます。

ということで、これからも「は」をよろしくお願いいたします。