仕様書

favicon.ico

[30] 特定の場所にある資源を自動的に取りに行く機能で、その資源の名前が favicon.ico です。 favicon とは favorite (お気に入り) icon の略とされています。 (icon が重なって格好悪い...)

[3] Privacy 上良くないなどの意見があって、 IE 以外は実装していないと思います。

• [14] IE5.0にまたプライバシー問題? (1999-04-16 03:00 PDT) http://www.hotwired.co.jp/news/news/technology/story/2322.html
• [24] Mozilla 0.9.8 で実装されましたが、 0.9.9 で off にされました。 On にするには user_pref("browser.chrome.favicons",true); と設定すればよいようです。

[31] HTML などの著者は、この機能に頼るべきではないと考えられます。 (この機能が働くように /favicon.ico を用意するのは悪いことではないでしょうが、面倒でも一々 >>5 の方法で書いておくのが望ましいと思われます。)

• [35] ファビコンと読む人もいるみたいです。
• [43] 2002-12-25 17:11 >>3: お気に入りに追加された時やその後またアイコンを取りに行った時 (その後のいつの時点でまだ取りに行くかはわかっていない。 >>28) に特定の資源を取りに行くことで、利用者の privacy 侵害であるという人もいます。とはいうものの、お気に入りに入っているのがわかるのも嫌な人はそういう実装を捨てれば良いだけですし、 >>5 の方法でも使っている資源なら必ずしもお気に入りに入ったとは断定できません。なんにせよ、サーバー側にとってはさほど有益な情報にはならないでしょうから、神経質になる必要もないと考えられます。

[65] この機能は、普通 favicon あるいは favicon.ico と呼ばれます。link 要素を使う方法 (>>5) も、 (他に適当な呼称がないためもあってか) まとめて favicon と呼ばれています。 書くだけで読まれることはあまりないのですが、 敢えて発音する場合はファビコンと読むことがあり、 そう片仮名で表記している人もいます。

稀に、省略する前の favorite icon と呼ばれることもあります。 また、その日本語訳お気に入りアイコンと呼ばれることもたまにあるようです。

(名無しさん 2006-03-15 15:16:17 +00:00)

HTML の link 要素で指定

[140] 文書の favicon は、 HTML link 要素で指定できます。

[143] リンク型 icon を使った HTML link 要素 (<link rel=icon>) を使います。

<link rel=icon href=/path/to/icon.png>

 <link rel="shortcut icon" href="icon-name.ico">

絵の形式

[132] favicon には Web の画像形式のほとんどが使えます。

AddType image/vnd.microsoft.icon .ico

rel=mask-icon

[79] mask-icon 参照。

処理

[100] icon の処理を何時の時点で行うべきかについて、 HTML Standard は明確にしていません。

[136] 最上位閲覧文脈ではない入れ子閲覧文脈の場合には、 favicon の取得が行われないようです。

[137] 最上位閲覧文脈でも favicon が表示される UI がない Webブラウザーの場合にも、 favicon の取得は行われないかもしれません。 (実装戦略によっては行われるかもしれません。)

[95] 文書文書にリンク型が icon のリンクがない場合、 並列に、次のようにすることができます >>92。

[98] fetch により得られた応答応答の処理は、次のようにします >>92。

レンダリング

[80] favicon は、窓のどこかに表示されるのが一般的です。

[87] 現在の多くの Webブラウザーは、タブに表示します。

[88] 以前はアドレスバーに表示するのが一般的でした。

[89] Webページによっては、状態を簡易的に表示するために favicon を使うことがあります。

[113] 従って、 Web互換性のため、 Webブラウザーは link 要素で指定される favicon の URL が変化した時、それに追随する必要があります。

[114] busy indicator と共用になっている場合など、 常時表示されるわけではない場合もあります。

[93] ブックマークの項目、 履歴画面、 インターネットショートカット、 ホーム画面に追加のような機能で表示されることもあります。 最終訪問時の favicon のキャッシュを表示するもの、 最終訪問時の favicon の URL を使って表示するもの、 保存時の favicon を表示するものなど、色々な実装方法があります。

[115] 多くの実装は、favicon が存在しない場合 (や読み込み途中の場合) に、 実装依存の既定の favicon をかわりに表示します。

セキュリティー

[116] favicon は、フィッシングに悪用される危険性があります。 例えば、システムの重要な機能に使われているアイコンを favicon に使うことで、攻撃者の Webページをシステム機能のように見せかけることができるかもしれません。

[117] Webブラウザーは、そのような誤認が起きにくいよう、 利用者インターフェイスで工夫する必要があります。

キャッシュ

• [28] WinIE のこの絵のキャッシュの仕組みは謎で、検索すると幾多の解析結果が出てきます。関係するものとしては、次のものが挙げられています。
  • (インターネット一時ファイル)\*\*.ico
  • %windir%\ShellIconCache
• [61] URI のファイル名部分がキャッシュ・データベースのキーに使われてるから、同じファイル名 (とりわけ favicon.ico) だと修正しても反映されないとか他のサイトと混じるとかいう意味不明な現象が起こるのだ、という説があります。真偽の程は分かりませんが、メカニズムはなんとなく納得がいきます。けど、幾ら何でも WinIE 開発チームはそんなこと (favicon.ico anywhere!) も気づかないほど間抜けとは思えません。

[69] A blog? with Σαιτω - Opera - favicon (2007-10-06 16:23:49 +09:00 版) http://d.hatena.ne.jp/saiton/20071003/1191401047

icons (Web App Manifest)

[125] Chrome は sizes が実際の画像のサイズと違う場合に開発者コンソールにエラーを表示するようです。 使いたいサイズを探して fetch するので、 それ以外のアイコンは検査されません。 2020-02-05T02:21:16.800Z

[126] この検査は、 使いたいサイズを manifest から探して fetch する → 画像のサイズが使いたいサイズか検査する、という形になっているようで、 使いたいサイズのいずれかであれば、 manifest と画像サイズが一致しなくてもいいようです。 例えば manifest に 192x192 と書いてあって、 実際には 144x144 でも、エラーになりません。

歴史

• [9] Internet Explorer (Windows) (何版からでしたっけ?)
• [10] Mozilla (Mxx から)
• [11] emacs-w3m
• [12] Gnome かなんかに付属のブラウザが実装してたような。
• [13] 2002-11-04 (月) 18:27 >>9 IE5 から。
• [18] >>10 0.9.6 からだそうです。
• [29] 最初期の WinIE では favicon.ico に悪意の code を仕掛けれる security hole があって、すぐに patch が出たそうです。
• [33] MacIE5 にはついてません。
• [37] 2002-11-04 (月) 20:48 >>10 従いまして、 Netscape 7 も実装しています。
• [38] 2002-11-04 (月) 21:04 >>12 gnome じゃなくて KDE の konqueror ですか。
• [41] 2002-12-01 (日) 11:44 名無しさん: Opera 6.05 (Win32) はまったく対応していない気がします。
• [42] emacs-w3m: 画像が表示可能な emacsen が必要ですね。 (最近ではもしかして bitmap があればいい?) (2002-12-03 (火) 20:49)
• [44] 名無しさん: galeon: (2002-12-27 20:59)
• [49] 名無しさん: Mozilla: URI 欄の横やタブを使っている時はタブの端に表示されます。 (2003-01-11 16:36)

• [15] Internet Explorer 5 に備えて: Web サイト制作者のための Tips から、 お気に入りを目立たせる http://www.microsoft.com/japan/msdn/web/ie/ie50/icpie5.asp
• [23] favicon.ico を使ってサイトを目立たせよう! http://www16.u-page.so-net.ne.jp/xb4/katsumi/os/windows/favicon/
  • 消滅確認 2021-01-29T03:55:15.00Z
  • favicon.ico を使ってサイトを目立たせよう!, 2021-01-29T03:55:04.000Z, 2002-06-16T21:33:57.723Z https://web.archive.org/web/20020616213344/http://www16.u-page.so-net.ne.jp/xb4/katsumi/os/windows/favicon/
• [25] [IE5] お気に入りに表示されるアイコンをカスタマイズする http://support.microsoft.com/default.aspx?scid=kb;ja;JP415022
• [39] Shortcut Icon (favicon) おぼえがき http://www.remus.dti.ne.jp/~a-satomi/nikki/2002/12a.html#d01n01
• [40] favicon.ico の MIME や HTTP などにおける媒体型について: ico形式 (>>4)
• [45] HTML+ の DTD http://www.w3.org/MarkUp/htmlplus_paper/htmlplus.dtd。驚くべきことに、 <META NAME="Document-Icon" CONTENT="uri://of/icon"> で icon in the hotlist and history list を指定するという、まさに現在の favicon に相当するものが説明されています (1994年!)。
• [51] Favicon.com - custom icons for your website! http://www.favicon.com/ favicon で商売しているらしいですが、 favicon.com の名に恥じないだけの技術情報をちゃんと提供していて、商売一色でない辺りには好感が持てますね。 (とはいっても この WikiPage の方が情報は多いです:))
• [54] SuikaWiki での favicon については WikiIcon を参照。
• [55] >>15,>>23 目立つのは他の項目と違ったアイコンを使っているからで、(ry
• [56] >>51 こっちは情報は多いが整理されてないからな。
• [57] >>56 お前がしる!
• [59] アイコンでアクセスアップ http://www.neodevice.com/favicon/ 厨房にはわかりやすい・・・のかな。ちゃらちゃらしてるし豆粒で目によくないし、内容も大して無いのでお勧めしませんが。
• [60] >>59 に限らず、この手の紹介サイトってなぜか、 window.external.AddFavorite() もセットで紹介してますよね。 M$ が同時に実装したせいですか? 両方ともお気に入り関連ってだけでさしたる関係も見えないけどなあ。
• [62] >>45 その次に登場したのが、 WebTV の body 要素の logo 属性。
• [63] で、 google.ico って一体何よ? 検索しても日本語では情報無し。

[67] Favicon - Wikipedia, the free encyclopedia (2007-01-12 22:01:47 +09:00 版) http://en.wikipedia.org/wiki/Favicon (名無しさん)

[68] jeff's WebLog : why doesn't the favicon for my site appear in IE7? (2007-03-07 21:08:59 +09:00 版) http://blogs.msdn.com/jeffdav/archive/2007/03/01/why-doesn-t-the-favicon-for-my-site-appear-in-ie7.aspx (名無しさん 2007-03-07 12:10:08 +00:00)

[70] Favicon - Wikipedia (2009-12-27 11:23:10 +09:00 版) http://ja.wikipedia.org/wiki/Favicon#.E6.A8.99.E6.BA.96.E5.8C.96.E5.95.8F.E9.A1.8C

これは最初W3Cの勧告に従わない形式であり、次の点が問題とされた。

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

なにこれ? ほとんど言いがかりじゃないの? こんなの本当に当時問題視されたんだろうか。 (されたとしても一部の人が反対意見を表明した程度なんじゃないの?)

脳内ソースによると当時大きく問題になったのはプライバシーで、技術的な問題は全然指摘されなかったと思うし、ここで挙げられている3点はいずれも正しくない。

[71] IEはURLショートカットファイル(お気に入り)を作るときfaviconをNTFS代替ストリームに保存している - NO UIHARU, NO LIFE. - subtech (2010-04-01 16:58:06 +09:00 版) http://subtech.g.hatena.ne.jp/mayuki/20100331/1270012707

[180] IRC logs: freenode / #whatwg / 20100414, 2021-08-17T09:42:44.000Z https://krijnhoetmer.nl/irc-logs/whatwg/20100414#l-569

[181] rel="shortcut icon" considered harmful · Mathias Bynens, 2021-08-17T09:43:20.000Z https://mathiasbynens.be/notes/rel-shortcut-icon

[72] Web Applications 1.0 r5904 mention /favicon.ico ( (2011-02-17 11:23:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=5903&to=5904

[73] IRC logs: freenode / #whatwg / 20110518 ( (2011-05-21 15:18:09 +09:00 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20110518

[74] Web Applications 1.0 r8558 rel='shortcut icon' requirement changes; extra sample table for sorting ( (2014-04-01 13:40:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=8557&to=8558

[75] Fun with Favicons - IEInternals - Site Home - MSDN Blogs ( (2014-07-29 12:55:58 +09:00 版)) http://blogs.msdn.com/b/ieinternals/archive/2013/09/08/internet-explorer-favicons-png-link-rel-icon-caching.aspx

[76] Web Applications 1.0 r8558 rel='shortcut icon' requirement changes; extra sample table for sorting (2014-04-01 13:40:00 +09:00 版) https://html5.org/r/8558

[81] Webサービスで便利!faviconをpng画像として取得出来るGoogleのAPI | 9ensanのLifeHack (2014-11-15 00:59:45 +09:00 版) http://9ensan.com/blog/webservice/favicon-google-api/

[91] Integrate Fetch into HTML · whatwg/html@7c5555a (2015-09-18 18:53:09 +09:00 版) https://github.com/whatwg/html/commit/7c5555a16f2920c02244c10756bb2f1a11e87a22

[94] Allow <link> in body for external resource links by igrigorik · Pull Request #616 · whatwg/html (2016-03-04 21:45:26 +09:00 版) https://github.com/whatwg/html/pull/616

[105] Use URL's HTTP(S) scheme concept and define rel=icon better ( (annevk著, 2016-05-26 21:59:00 +09:00)) https://github.com/whatwg/html/commit/a932f7dfd5e50101db47a373cee27b04ed108934

[106] Align Fetch's destination concept with changes in Fetch (sideshowbarker著, 2016-07-05 02:46:14 +09:00) https://github.com/whatwg/html/commit/5e8f96a85d182d36c177db0d6fdde58b4ded86d4

[118] Fetch removes type in favor of just destination (annevk著, 2017-08-21 16:37:50 +09:00) https://github.com/whatwg/html/commit/5f59b7a73d450e244a573e5916deb1c2037c1366

[119] Resolving modules via definition · Issue #3056 · whatwg/html (2017-09-21 12:28:14 +09:00) https://github.com/whatwg/html/issues/3056

[122] Define a favicon to show in search results - Search Console Help (2019-07-10 08:20:17 +09:00) https://support.google.com/webmasters/answer/9290858?hl=en

[123] A New Design for Google Search on Mobile (2019-07-10 08:20:51 +09:00) https://www.blog.google/products/search/new-design-google-search/

[128] JSON Feed - JSON Feed Version 1.1 (2020-08-11T17:02:07.000Z, 2020-10-07T02:57:37.102Z) https://jsonfeed.org/version/1.1#top-level

[182] 1162276 - SVG favicon is not loading if atribute "sizes" is present, instead regular favicon loads - chromium, 2021-08-17T09:44:18.000Z https://bugs.chromium.org/p/chromium/issues/detail?id=1162276

[184] ねこめしにっき(2002年12月上旬) (2006-01-05T18:45:03.000Z, 2022-06-14T12:34:38.981Z) http://www.remus.dti.ne.jp/~a-satomi/nikki/2002/12a.html#d01n01

[185] 1711622 - Consider explicitly listing image/svg+xml in the Accept header for images (for favicons?), 2024-03-25T10:17:57.000Z https://bugzilla.mozilla.org/show_bug.cgi?id=1711622