ホームページのアドレスバーに画像のような小さなアイコンが出ていることがあります。ブラウザのタブを複数展開したとき、タイトルが隠れてしまうことがありますが、faviconは隠れません。今回はすぐできるfaviconを見てみましょう。
■まず正方形の画像を用意します。サンプル画像は(240*240)、PNG形式にて作られています。
■以下サイトをブラウザで開き、『参照』ボタンをクリック。
・『FavIcon Generator』DYNAMICDRIVE
http://tools.dynamicdrive.com/favicon/
■先ほど制作した画像を選択します。
■『Create Icon』でアイコンを作り。
■『Download FavIcon』でダウンロードします。
■FTPソフトでサーバーのトップディレクトリにアップロードします。
■ブラウザで表示されない場合には、トップのhtmlの<HEAD>部分に以下のようなおまじないを書いておきます。
*2008.6/2追記：ちなみにGoogle教授のFaviconは以下のような感じです。最近よく見かけるようになりました。
