フォトショップでfavicon

サイトの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で無ければいけない訳ではなく、オリジナルの名称でも大丈夫です。

この記事についての情報

似た内容の記事

この記事に対するトラックバック

トラックバックURL: http://www.lucky-bag.com/mt/mt-tb.cgi/285

Comments