サイトのfaviconを作成することにより、対応しているブラウザであればブックマーク内でもちょっと独自性を出す事ができますよね。フォトショップでfaviconを作成したいって方は、Telegrachicsの「ICO (Windows Icon) file format」と言う、フォトショップのプラグインが便利です。マック版、ウィン版それぞれあり、Photoshop3.0～7.0、 Photoshop CSに対応しています。プラグインをダウンロードし、フォトショップのPlug-Insフォルダに入れるだけです。16×16（もしくは32×32）で作成して、別名保存のファイル形式で「Windows Icon(*ico)」を選んで保存します。あとはサーバにアップして、表示させたいhtmlの<head>内に下記を記述するだけです。当然、faviconを置くディレクトリによって記述は変わります。下記はindex.htmlと同じディレクトリに置いた場合です。
<link rel="shortcut icon" href="http://自分のアドレス/favicon.ico" />ファイル名は特にfaviconで無ければいけない訳ではなく、オリジナルの名称でも大丈夫です。
Comments