ファビコン

ファビコンは、WebブラウザーでWebサイトを識別する小さなアイコンです。ほとんどのブラウザーでは、WebサイトのファビコンがURLの隣、アドレスバーの左側に表示されます。ブラウザーのタブで、ページタイトルの隣にファビコンが表示される場合もあります。ファビコンは、ブックマークや「お気に入り」と一緒に自動的に保存されます。

ファビコンは2000年代初頭から使われており、主要なWebブラウザーすべてでサポートされています。ただし、ファビコンの実装方法はブラウザーによって異なります。たとえば、Firefox、Internet Explorer、Safariはすべてアドレスバーにファビコンを表示しますが、Google Chromeはページのタブにしか表示しません。ほとんどのブラウザーは、.GIF、.PNG、または.JPGファイルとして保存されたファビコンをサポートしていますが、Internet Explorerは.ICO形式で保存されたファビコンしか表示しません。

Webサイトにファビコンを実装する標準的な方法は、favicon.icoという名前の16x16ピクセルの小さな画像を、Webサイトのルートディレクトリにアップロードすることです。ユーザーがWebブラウザーでそのWebサイトのページを読み込むと、ブラウザーはfavicon.icoファイルを探し、サポートされている形式で保存されたファイルが見つかると、URLまたはページタイトルの隣にアイコンを自動的に表示します。ファビコンは、次のようにWebページのHTMLで指定することもできます。

<link rel="shortcut icon" href="http://www.domain.com/myicon.ico">

HTMLで指定する方法は通常、ルートディレクトリに保存されたファビコンより優先されます。そのため、Webサイト内の特定のページにカスタムファビコンを表示したい場合に便利です。

NOTE: ファビコンの標準サイズは16x16ピクセルですが、ほとんどのブラウザーは32x32、48x48、64x64ピクセルの画像として保存されたファビコンも認識します。16x16ピクセルより大きいファビコンは、通常、ブラウザーで正しく表示されるように16x16に縮小されます。ただし、Retinaディスプレイをサポートするブラウザーでは、32x32ピクセルのアイコンが本来の解像度で表示されます。