Favicon

出典: フリー百科事典『ウィキペディア(Wikipedia)』
移動: 案内検索
アドレスバーの左側にある、Wの画像がFaviconである。

Favicon(ファビコン)は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。Favorite icon(フェイバリット・アイコン:お気に入りアイコン)という英語の語句を縮約したものである。


概要[編集]

Favicon のはじまりは、ウェブブラウザである Microsoft Internet Explorer 5 によってはじめて搭載された独自の(非 HTML 標準の)機能であった。ユーザーが任意の Web サイトをお気に入り登録するときに、ウェブブラウザは該当Webサイトのディレクトリから favicon.ico ファイルの存在を調べ、ある場合はこのファイルを該当 Web サイトのアイコン画像として取り込む。以降お気に入り一覧を表示する際、該当 Web サイトについては一般的な Web アイコンではなく取り込んだアイコン画像が表示されるようになる。これにより、他のWebサイトのアイコンよりも目立たせ、ユーザーへイメージによる直観的な選択操作への便宜を図ることができる。

現在では多くのウェブブラウザが本機能を搭載、アイコンファイルの配置場所を link タグにより任意に指定できるようになり、ICO 形式 フォーマット以外に GIF 形式PNG 形式もサポートされるようになり、広く利用されている。

当初は、お気に入りに登録する際にはじめて参照されたファイルであることから、このファイルのアクセスカウントを調べることでお気に入りへの登録状況を測ることができた。現在の多くのウェブブラウザは、Webページアクセス時に(お気に入り登録操作の有無にかかわらず) Favicon を参照するため、お気に入り登録状況の計測に、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の4ビット16色、8ビット256色、24ビット1600万色、さらにWindowsでは24x24, 48x48, 64x64[1]、Mac OS Xなどで利用される64x64と128x128サイズのものを任意の色数)を保存したものをマルチアイコンとして保存
  • GIF形式:16x16サイズで256色
  • PNG形式:16x16サイズで8ビット形式(256色)ないし24ビット形式

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

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

標準化問題[編集]

もともと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の5から6に関しては、通常のウェブページなどと同じキャッシュで保存を行う形式を取っているため、キャッシュが消えたときにお気に入りリストのFaviconが消えるという問題が発生する[3]。この挙動はInternet Explorer 7で改善されている[4]

脚注[編集]

[ヘルプ]
  1. ^ サイトのアイコンをカスタマイズする”. MSDNライブラリ. マイクロソフト. 2011年5月30日閲覧。
  2. ^ [IE5] お気に入りに表示されるアイコンをカスタマイズする”. サポート技術情報. マイクロソフト (2004年3月16日). 2009年4月2日閲覧。
  3. ^ favicon (お気に入りアイコン) が消えてしまいます”. Internet Explorer トラブル. winfaq. 2009年4月2日閲覧。
  4. ^ How to Add a Shortcut Icon to a Web Page” (英語). MSDNライブラリ. マイクロソフト. 2011年5月30日閲覧。 “In Internet Explorer 7, when a user adds a site to the Favorites menu, the site's shortcut icon is saved to the Microsoft Windows NT File System (NTFS) alternate data stream of the shortcut (.url) file that is created.”

外部リンク[編集]

  • toolspot-オンラインファビコンジェネレータ
  • favicon.cc-Faviconのオンラインエディター
  • favicoop-世界中のFaviconの巨大なコレクション(リンク切れ)