favicon（ファビコン）

favicon

faviconはウェブサイトにつけるアイコンのことでりFavorite icon（フェイバリット・アイコン）のこと。元来Internet Explorerのお気に入りに使うためののIE独自機能であったが現在は多くのブラウザで表示されるようになった。また、IEではローカルサイトのfaviconは表示されない。

ファビコン作成方法

サイズは16×16、32×32、48×48ピクセルなど複数ありますがブラウザに表示されるのは16×16ピクセルのサイズになります。これら以外のサイズのアイコンも作成可能ですが ウィンドウズOSの場合、ウェブブラウザでの表示では16×16サイズ、デスクトップにショートカットを置いた場合は32×32サイズ、エクスプローラーでアイコン表示にした場合48×48サイズでの表示になります。（ならない場合もあり。） ICO形式のマルチアイコンであれば1つのファイルに3つのサイズのまったく別個のアイコンを保存することが可能です。

透過も可能です。その場合は透過をサポートしたPNG形式やGIF形式で作成しておく事が必要です。 faviconは.icoという拡張子で通常favicon.icoという名前で保存します（単に拡張子を変更するだけではだめで対応ソフトで変換する必要あり。Webでの変換サービスも多数あり。）。ブラウザによってはgifやpngでも対応しているようです。

設置方法

faviconは通常、ウェブサーバーのルート(ドメインのルート)ディレクトリにfavicon.ico を設置するだけです。

などの場合、明示的にfaviconを指定することが可能です。 <head>と</head>の間に以下を記入しますhrefの内容はサイトにより変更します。 2つのうちどちらか1つでも大丈夫ですが、両方記入する場合が多いようです。

<link rel="shortcut icon" href="http://netkansai.net/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://netkansai.net/favicon.ico" type="image/vnd.microsoft.icon">

faviconを設置した直後はすぐには表示されない場合がありますが、再読み込みやブラウザのキャッシュを削除するなどしてみてください。