Favicon

出典: フリー百科事典『ウィキペディア（Wikipedia）』

（ファビコン から転送）
アドレスバーの左側にある、Vが2つ重なっている部分がFaviconである。

Favicon（ファビコン）はウェブサイトやウェブページに関連付けられたアイコンのことである。Favorite icon（フェイバリット・アイコン）という英語の語彙を略したものである。英語ではファブアイコン（Fav-icon）と読むものだが、日本語圏ではファビコンとローマ字読みされることが多い。

目次

[編集] 用途

ウェブデザイナーはデザインの手段としてアイコンを作成して利用でき、また最近のウェブブラウザの多くがこの機能に対応している。対応しているウェブブラウザはブックマーク(お気に入り)リストやアドレス表示欄、タブブラウザではタブに表示されたページタイトルの左側に読み込まれたアイコンを表示する。

[編集] 概暦

Faviconは最初、ウェブサーバのルートディレクトリにfavicon.icoというファイルを設置することで認識されるようになっていた。Faviconのあるページをお気に入りに登録すれば自動的にお気に入りリストでアイコンが表示された。後にFaviconは改良され、(X)HTMLから直接指定することでより柔軟なアイコン指定を可能とした。<head>記述部分にFaviconの指定を行うlink要素を記述することで任意ファイルを参照する仕組みである。この方法でウェブブラウザはFaviconとして作られたファイルをFaviconとして参照できるようになる。多くのページではICO形式のフォーマットを用いているが、最近のブラウザではGIF形式やPNG形式もサポートされるようになってきている。

最近では多くのブラウザがルートディレクトリ方式とHTMLによる直接指定方式の両方をサポートする。このため、たとえウェブページがアイコンを参照していなくてもfavicon.icoのファイルを見つければ自動的に参照するようになっている。しかしルートディレクトリを解析することがサーバへの負担となることやアイコンのキャッシュが消えたときお気に入りリストのアイコン白紙化が問題とされている。このため後者に関しては多くのブラウザがアイコンのキャッシュを通常のキャッシュと別扱いにして専用のフォルダに保存することで問題を回避している。

Faviconは元々Internet Explorerのお気に入りに使うためのものとして独自に実装された機能であり、またお気に入りに登録しなければアイコンが表示されない仕組みであった。これによりウェブサイトの管理者はユーザーの何人がfavicon.icoのファイルにアクセスしたかを調べることでお気に入りに登録したユーザーの数を確認していた。しかし最近ではInternet Explorerも含む多くのブラウザがアクセスした時点でFaviconを読み込むようになったためアクセス統計に使うという当初の意味は最早ない。

[編集] Faviconの指定方法

[編集] HTMLやXHTMLで指定する方法

HTML/XHTML内でFaviconを指定するにはhead要素の中でlink要素を次のように用いる。単独でも効果はあるが、両方指定するのが望ましいとされる。

  • <link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon" />
  • <link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon" />

ファイル名の決まりは特にない。また、ファイル形式の決まりもなく、ウェブブラウザが認識する形式であればどのようなフォーマットを用いても良い。ただし、Internet ExplorerはICO形式しか認識しない。

ウェブサーバ側ではアイコンのMIMEタイプを正しく指定する必要がある。なお、ICO形式ではimage/vnd.microsoft.iconである（代わりとして、また互換性問題としてimage/x-iconを指定する場合もあるが、IANAに登録された標準的なMIMEタイプを用いることが望ましい）。 解像度と色数は次のものを用いる。16x16サイズの画像を含まないfaviconを指定した場合、一部のブラウザのブックマークリストなどで正しく表示されない可能性がある。

  • ICO形式：複数の色数と解像度（16x16と32x32、さらにMac OS Xなどで利用される64x64と128x128サイズのものを4ビット16色、8ビット256色、24ビット1600万色）を保存したものをマルチアイコンとして保存
  • GIF形式：16x16サイズで256色
  • PNG形式：16x16サイズで8ビット形式（256色）ないし24ビット形式

[編集] favicon.icoによる方法

ルートディレクトリにfavicon.icoという名称のファイルを設置しておくと、HTML/XHTML中で指定が無くともFaviconとして認識される[1]。

[編集] 標準化問題

もともとFaviconはマイクロソフトによって提案され、Internet Explorerはあらゆるウェブサイトの指定URL (favicon.ico)にFaviconを要求する仕組みであった。その後Microsoftはlink要素によりfaviconを呼び出す方法をサポートするようになったが、これは最初W3Cの勧告に従わない形式であり、次の点が問題とされた。

  • ICOフォーマットにはIANAに登録されたMIMEタイプの割り当てがないため、多くのブラウザはFaviconとして指定されたファイルの種類を解析することが出来ない。
  • rel属性に半角スペースを含むため、二つの属性値として解釈されウェブブラウザを混乱させる。
  • link要素はドキュメントのナビゲーション情報を示すWorld Wide Webのアーキテクチャとして知られており、link要素でFaviconを指定する用法は標準仕様に反する。

しかし2003年にICOフォーマットがimage/vnd.microsoft.iconとしてIANAに登録されたことで最初の問題は解決。さらにMozillaがブラウザでのサポートと同時に<link rel="icon" type="image/png" href="/path/image.png">という形式を加え、link要素によるFaviconの重複指定でウェブ製作者がグラフィックフォーマットを複数指定することが出来るようになったため、書式の問題も実質上の解決となった。Mozilla SuiteのFaviconサポートを契機に、以後多くのウェブブラウザが、この仕様を新たにサポートするようになっており、ほぼ標準と言える状況と化している。

[編集] ブラウザでの対応状況

2007年現在Internet Explorerをはじめとする主なブラウザがFaviconをサポートしているが、細部の挙動は各ブラウザによって異なる。アドレス欄やタブにアイコンが表示されてもブックマークリストに表示されないものもあれば、アドレス欄・ブックマークともに表示させるものも存在する。また、IEコンポーネントブラウザでFavicon処理機能は独自実装となるためIEとは挙動が異なる。

Favicon管理方法もブラウザによって異なるが、多くはFavicon専用のキャッシュを用いることで自動的に消えてしまうのを防いでいることが多い。ただしInternet Explorerに関しては初期の実装から現在に至るまで通常のキャッシュで保存を行うという形式を取っているため、キャッシュが消えたときにお気に入りリストのFaviconが消えるという問題が発生する[2]。

[編集] 脚注

[ヘルプ]
  1. ^ "[IE5] お気に入りに表示されるアイコンをカスタマイズする". サポート技術情報. マイクロソフト (2004-03-16). 2009-04-02 閲覧。
  2. ^ "favicon (お気に入りアイコン) が消えてしまいます". Internet Explorer トラブル. winfaq. 2009-04-02 閲覧。

[編集] 関連項目

[編集] 外部リンク

  • favicon.cc－Faviconのオンラインエディター
  • favicoop－世界中のFaviconの巨大なコレクション
"http://ja.wikipedia.org/wiki/Favicon" より作成