10分でホイッ!とfaviconを作る。(2008.6/2追記)


ホームページのアドレスバーに画像のような小さなアイコンが出ていることがあります。ブラウザのタブを複数展開したとき、タイトルが隠れてしまうことがありますが、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は以下のような感じです。最近よく見かけるようになりました。

SNSでもご購読できます。