favicon - 通信用語の基礎知識

お気に入り(favorites)用アイコンのこと。

概要
特徴

形式
寸法・色数
設定方法
アイコンの管理

概要

元々は、Internet Explorerでお気に入り(ブックマーク)に登録する際、WebブラウザーがWebサーバーから取得し、お気に入りの一覧に表示するためのアイコンだった。

現在では、その他のWebブラウザーでも対応するようになっている。

特徴

形式

ファイルの仕様は、標準はWindows用アイコンファイルそのもの(ICO形式)で、favicon.icoである。

Internet ExplorerはICO形式にしか対応しないが、最近の他のWebブラウザーでは、GIF形式(favicon.gif)や、PNG形式(favicon.png)に対応するものがある。ただ、特別な事情がない限りはICO形式にしておいたほうが安全であろう。

ICO形式ファイルのMIMEタイプ名は「image/vnd.microsoft.icon」である。

PNGならimage/png、GIFならimage/gifである。

寸法・色数

原則として、16×16ドットのカラー画像であるが、ICOであれば複数の解像度の画像を梱包できる。必要な解像度が随時選択可能だが、少なくとも16×16ドットの画像を含まなければならない。

ICOでは、16色(4ビット)、256色(8ビット)、1600万色(24ビット)のいずれかが利用可能だが、通常は16色が用いられている。「どのような環境でも表示できそうだから」というのが理由と見られる。

GIFは256色、PNGは256色またはフルカラー対応だが、16ドット四方でフルカラーを用いてもメリットが無いので、大抵は256色が使われるようだ。

設定方法

特別に設定されていなくても、通常はルートディレクトリのfavicon.icoが自動的に参照される。ルートディレクトリ以外の場所に置きたい場合に設定を変えることになる。

HTML/XHTMLで設定する場合、以下の双方を、HTMLのヘッダー内(<head>～</head>内)に記述する。

<link rel="shortcut icon" href="/nullpo/favicon.ico" type="image/vnd.microsoft.icon">

<link rel="icon" href="/nullpo/favicon.ico" type="image/vnd.microsoft.icon">

hrefの内容は必要に応じて変更する。ファイル名はfavicon.ico以外でも問題ない。また、http://から書き始めれば、他のサーバーからダウンロードさせることも可能である。

XHTMLの場合は、最後は">ではなく、" />とせねばならない(空要素タグとする)。

アイコンの管理

各Webブラウザーがどのようにアイコンを管理するかは、それぞれの実装による。

Internet Explorerの場合、他の画像ファイルと同様にキャッシュ(インターネット一時ファイル)に保存されているため、キャッシュから消えたときにお気に入りリストからアイコンが消える、という珍現象が発生していた。

Internet Explorer 7では、問題の抜本的解決ではないが解決方法として、接続時に随時最新のfaviconを取得する、という仕様になった。

リンク