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は10以下ではICO形式しか認識しない。IE11ではPNG、GIF(アニメーション非対応)に対応した。

ウェブサーバ側ではアイコンの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.”

外部リンク[編集]