[1]

faviconふぁびこんは、 Web page をお気に入りに追加した時に表示される小さな絵のことです。 InternetExplorer が最初に実装して、段々広まりました。

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)

/favicon.ico

[2] WinIE は、サーバーの /favicon.ico を、お気に入りに追加したタイミングなどに見に行きます。

[34] Chimera もこれをみにいくそうです。
- [129] http://www001.upp.so-net.ne.jp/obapoo/nikki/chimera01.html
  - 消滅確認 2021-01-29T03:54:12.800Z
  - Chimera とSHORTCUT ICON, 2021-01-29T03:53:52.000Z, 2003-02-26T13:09:04.855Z https://web.archive.org/web/20030226130901/http://www001.upp.so-net.ne.jp/obapoo/nikki/chimera01.html
[36] emacs-w3m もみにいきます。
- [130] Re: favicon, 2004-06-23T04:22:31.000Z, 2021-01-29T03:54:19.593Z http://emacs-w3m.namazu.org/ml/msg02365.html

/*/favicon.ico

[4] 実装初期の WinIE はルートだけじゃなくて http://foo.invalid/bar/foo/bar の場合 http://foo.invalid/bar/foo/favicon.ico → http://foo.invalid/bar/favicon.ico → http://foo.invalid/favicon.ico を順に見に行ったという話もありますが、確認できません。

[26] >>25 には >>4 の話があります。公式情報ですから、昔の WinIE にはあったけど削られたんでしょう。
[27] 今でも同じ階層の favicon.ico は見に行くという話がありますが、確認できませんでした。

HTML の `link` 要素で指定

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

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

[144] head 要素内に、

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

... のように書けます。

`<link rel="shortcut icon">`

[5] WinIE は >>2 の方法を試す前に、当該 HTML 文書が次の例のような link要素を持っていると、それを使います。

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

[6] "shortcut icon" は大文字でも小文字でも良いようです。

WinIE の後を追った実装は "icon" だけを識別に使っています。 (HTML 的にもその方が整合性があります。)

WinIE で "icon" だけとかだとどうなるかはわかりません。

[17] Mozilla では "icon" で OK
[22] 2002-11-04 (月) 18:54 >>6 WinIE 5.5 では ICON だけだと駄目ですた。
[58] リンク先ファイル名は、 WinIE のことを考えるなら .ico で終わる方がいいです。特に内容折衝を使っている場合、 WinIE がうまく取得できないことがあります。 (favicon.ico に限らずどんなものでも起こる問題です。単に WinIE がへぼいだけです。。。)

[141] 逆順の rel="icon shortcut" ではいけません。 WinIE は対応しておらず、 HTML Standard も認めていません。

[142] <link rel="shortcut icon"> が仕様違反だとする解説記事があるようですが、誤りです。

[154] 困ったことに MDN にも shortcut icon は非適合と書いてあります >>153。 2021-08-17T08:40:50.000Z

[155] HTML Standard のこの部分の規定が若干の曖昧性を含んでいるので、誤解が生じるのはやむを得ないと言えなくもないですが、明白に shortcut icon の構文を規定していること (不適合なら規定する必要はなく、実際他の不適合の構造の構文は規定していません。)、現に使われている特別有害性のない構造を不適合にしないことが HTML5 (当時) の開発方針だったことから、 shortcut icon を不適合と解すべき理由はありません。

[153] HTML attribute: rel - HTML: HyperText Markup Language | MDN, 2021-08-16T01:47:12.000Z, 2021-08-17T08:40:12.021Z https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel#attr-icon

`<link rel="shotcut icon">`

[66] shotcut icon という間違ったリンク型が少なからずつかわれているようです。

IW:Google:"shotcut icon" でもそれなりに間違った解説が見つかります。実際に間違った記述をしている文書もそれなりにあるようです。 (名無しさん 2006-07-29 03:14:45 +00:00)

`<link rel="alternate icon">`

[145] <link rel="alternate icon"> のような指定を紹介する解説記事があります。その根拠は不明で、誤りと思われる怪情報です。

[147] HTML Standard によれば、 <link rel="alternate icon"> は <link rel=alternate> と <link rel=icon> を別々に記述するのと同じような意味になります。 alternaterel=alternate と iconrel-icon はたまたま併用されるだけの無関係のリンク型です。「代替アイコン」の意味にはなりません。併用されたときの特別な意味、特殊な処理は規定されていません。

[148] 過去及び現在の Webブラウザー (およびそれ以外の favicon を使うソフトウェア) の中でも、 alternate icon の組み合わせを特別に解釈する実装例は知られていません。特定の実装の不具合等で特殊な挙動をする事例も見つかっていません。 2021-08-17T08:32:01.00Z

[149] alternate icon を紹介する解説記事等で、 alternate と書かなければならない根拠を示したものは見つかりません。どのような挙動を意図して alternate と書いたのか明確な説明はありません。出典不明の怪しい記事ばかりが出てきます。

[163] Chrome Platform Status がデモページとしてリンクしていた >>160 HTML文書には、

		<link rel="icon" type="image/svg+xml" href="happyface.svg"/>
		<link rel="alternate icon" type="image/png" href="sadface.png"/>

... とありました >>162。

[166] このデモページは西暦2014年2014に既に存在していました >>164。遡って西暦2012年2012, 西暦2011年2011にも存在していた形跡があります >>169, >>171。

[170] SVG WG でも活動する Erik Dahlström が作ったものと見られますが、記述の根拠は不明です。

[172] 西暦2011年2011時点では SVG favicon に対応した Webブラウザーは皆無でした >>171。具体的な仕様や実装に基づいたものではなく、希望的な試作の要素が大きいデモだったと思われます。

[168] デモページは WebKit の Bugzilla でも西暦2014年2014に仕様書と共にテストとして引かれていました >>84。しかし同時に引かれた仕様書には alternate icon の規定がなく、投稿者が仕様とテストの一致を検討したとは思えません。

[173] そんな状態でもWebブラウザーやWeb標準の開発者が10年近くにわたって参照し続けてきたため、誰も気づかないうちに知名度と権威 >>156 が上昇してきていたようです。

[165] デモページは現存しますが、 Chrome Platform Status からのリンクは既に削除されています >>159。 (理由は不明です。) 2021-08-17T09:02:11.100Z

[171] IRC logs: freenode / #html5 / 20111026, 2021-08-17T09:23:28.000Z https://krijnhoetmer.nl/irc-logs/html5/20111026#l-693
[169] WHATWG JavaScript logo · Issue #32 · voodootikigod/logo.js · GitHub, 2021-08-17T09:20:45.000Z https://github.com/voodootikigod/logo.js/issues/32#issuecomment-10475162
[161] >>159
- [160] Support for SVG in favicons - Chrome Platform Status, 2021-08-17T08:59:09.000Z, 2019-12-10T23:13:10.289Z https://web.archive.org/web/20191210231226/https://www.chromestatus.com/feature/5180316371124224#details
[162] svg favicon, 2016-02-04T23:14:46.000Z, 2021-08-17T09:00:21.076Z http://xn--dahlstrm-t4a.net/svg/favicon/favicon.html
- [164] svg favicon, 2021-08-17T09:02:48.000Z, 2014-03-04T01:44:59.228Z https://web.archive.org/web/20140304014449/http://dahlstr%C3%B6m.net/svg/favicon/favicon.html

[174]

SVG形式のファビコンを設置しよう | Webクリエイターボックス, Mana, 2020年2月13日, 2021-08-17T09:31:28.000Z

https://www.webcreatorbox.com/tech/svg-favicon

IEには対応していないのでご注意を。対応していないブラウザー用には念の為、PNG形式のファビコンを用意して設置しておくといいでしょう:
HTML
<link rel="icon" href="images/favicon.svg" type="image/svg+xml">
<link rel="icon alternate" href="images/favicon.png" type="image/png">

[175] 根拠は不明。「念の為」と書いている辺り十分な調査をしないで書かれた疑いがある。

[176]

【歓喜】SVGがfaviconに対応!これでいろんなサイズの画像を用意しなくてOK! – Creator Note, 2月, 22, 2020, 2021-08-17T09:34:18.000Z

http://creatornote.nakweb.com/%E3%80%90%E6%AD%93%E5%96%9C%E3%80%91svg%E3%81%8Cfavicon%E3%81%AB%E5%AF%BE%E5%BF%9C%EF%BC%81%E3%81%93%E3%82%8C%E3%81%A7%E3%81%84%E3%82%8D%E3%82%93%E3%81%AA%E3%82%B5%E3%82%A4%E3%82%BA%E3%81%AE%E7%94%BB/

そのため、IE対策用に下記のように画像を埋め込んでおいてあげましょう♪ これでばっちりです!
みなさんもSVGで対応してみてくださいね★
<link rel="icon" href="/site/images/favicon.svg" type="image/svg+xml">
<link rel="icon alternate" href="/site/images/favicon.png" type="image/png">

[177] 根拠は不明。 icon alternate の順序が、日付の近い >>174 と同じことに注目したい。

[146]

SVG, Favicons, and All the Fun Things We Can Do With Them | CSS-Tricks, Eric Bailey, Apr 24, 2020, 2021-08-17T08:24:57.000Z

https://css-tricks.com/svg-favicons-and-all-the-fun-things-we-can-do-with-them/

Here’s the code for how to add favicons to your site:
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="alternate icon" href="/favicon.ico">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ff8a01">
If a browser doesn’t support a SVG favicon, it will ignore the first link element declaration and continue on to the second. This ensures that all browsers that support favicons can enjoy the experience.
You may also notice the alternate attribute value for our rel declaration in the second line. This programmatically communicates to the browser that the favicon with a file format that uses .ico is specifically used as an alternate presentation.

"our rel declaration" のリンク先は https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel。

[150] 拡散の元の1つとみられるサイトです。

[151] alternate が Webブラウザーに「programmatically communicates」するものだと主張していますが、どの仕様で規定されたものとも、どの実装で確認される挙動とも説明されていません。まず著者が HTML 仕様と意思疎通 (communicate) 出来ていないようです。

[152] なお MDN が引かれていますが、 MDN には alternate が何かを「programmatically communicates」するかのような記述はありません。出典詐欺でしょうか?

[156] google chrome - Chromium seems to display ico instead of svg favicon - Stack Overflow, 2021-08-17T08:49:08.000Z https://stackoverflow.com/questions/63429240/chromium-seems-to-display-ico-instead-of-svg-favicon

[157] この質問は

<link href="favicon.svg" rel="icon" type="image/svg+xml">
<link href="favicon.ico" rel="alternate icon" type="image/x-icon">

... と書いて、 Chrome で ICO が表示されたと尋ねていました。回答は >>146 を引いて、Chrome の不具合ではないかとしました。

[158] HTML Standard は同等の候補が複数あれば最後の link 要素を使うと規定しており、まったく仕様通りの挙動です。

[178] Definitive edition of "How to Favicon in 2021" - DEV Community, Masa Kudamatsu, 1月27日 Originally published at Medium, Updated on 7月15日, 2021-08-17T09:38:48.000Z https://dev.to/masakudamatsu/favicon-nightmare-how-to-maintain-sanity-3al7#the-raw-alternate-endraw-attribute-value

[179] >>177 が提案したが >>178 で効果がないと報告されている、と書き HTML Standard に規定されていないことを指摘している。

[183] Chromium の開発サイトで alternate に仕様上も実装上も意味はないとの指摘 >>182

絵の形式

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

初期の実装

[131] favicon は1990年代 (平成時代初期) に WinIE が最初に実装しました。そのため当時は Windows のアイコン用標準画像形式である ICOファイル形式のみに対応していました。

[133] 当時の Web では GIF や JPEG が主な画像形式として使われていました。 HTML文書中の img の画像として ICOファイルはほとんど使われていませんでした。 favicon 対応と時期の順序は不明ですが、 WinIE ではいつからか img でもICOファイルが使えるように (なし崩し的に) なり、たまに使われるようになりました (が主流にはなりませんでした)。

[7] WinIE は、 16×16 の Windows ico形式でないと使ってくれません。色数とかにも制限があったっけ。

[134] 他の Webブラウザーは ICOファイル以外の GIF などの画像形式の favicon にも対応しました。

[8] >>7 は Windoze べったりなんで、 WinIE 以外の実装では他の形式が使えたりもします。

[16] Mozilla では PNG でも OK.
[19] IE も Mozilla も、 PNG と BMP に対応しているという情報があります。
[20] >>19 大きさはいずれも16×16, 256色でないといけません。 (ico のときは、他の大きさ・色数も含んでいてもいい。)
[21] 2002-11-04 (月) 18:54 >>19 WinIE 5.5 でやってみましたが ICO じゃないと駄目ですた
[32] 2002-11-04 (月) 20:27 名無しさん WinIE で、 BMP のファイル名を *.ico にかえて、表示されないと嘆く人が多い見たいですが、それではうまくいきません。 ico形式にしましょう。
[46] Mozilla ではなんと MNG でも OK。ちゃんと動きます!
[47] Mozilla は他に
[48] GIF にも一応対応しています。動画 GIF も動くようです。まあ GIF なんてお勧めはしませんがね。
[50] Mozilla は JPEG にも対応しています。つまりどの画像形式でもいいんですね。将来 Mozilla 本体が新しい形式に対応したらそれにも対応するのかもしれません。
[52] 忘れてましたが Moz では XBM でも OK
[53] 2003-01-27 18:03 名無しさん: Mozilla ではどんな大きさでも縮小してくれるみたいです。

[135] 平成時代中期から後期には、 PNG の利用が一般化しました。依然として ICOファイルを使う場合もありましたが、徐々に減っていったとみられます。

SVG favicon

[85] 従来 favicon はビットマップ系の画像形式が専ら使われてきましたが、平成時代末期頃に SVG への対応が始まり、ベクトル画像が使えるようになりました。

[108] Firefox は早い時期から対応していました。

[110] Chrome は令和時代初頭に対応しました。

[121] Safari は未だに未対応です。 2021-08-17T07:58:20.500Z

[124] Chrome の対応以後、Webサイトでの利用も増えているようです。画像データ内部にダークモード対応のための分岐を記述できる点が特に評価されているようです。

[167] SVG Working Group Teleconference -- 22 Apr 2009, 2009-04-22T08:27:15.000Z, 2021-08-17T09:08:37.720Z https://www.w3.org/2009/04/22-svg-minutes.html#item05

[78] 366324 – SVG site icons (favicons, shortcut icons) support (2015-04-17 09:36:18 +09:00 版) https://bugzilla.mozilla.org/show_bug.cgi?id=366324

[82] Issue 294179 - chromium - support svg favicon - An open-source project to help move the web forward. - Google Project Hosting (2015-06-25 20:59:46 +09:00 版) https://code.google.com/p/chromium/issues/detail?id=294179

[83] SVG favicon support. | Microsoft Connect (2015-06-25 21:00:28 +09:00 版) https://connect.microsoft.com/IE/feedback/details/782416/svg-favicon-support

[84] Bug 136059 – SVG favicon support (2015-06-25 21:00:56 +09:00 版) https://bugs.webkit.org/show_bug.cgi?id=136059

[86] IRC logs: freenode / #whatwg / 20150728 (2015-07-29 12:51:46 +09:00 版) http://krijnhoetmer.nl/irc-logs/whatwg/20150728#l-723

[109] 294179 - Support SVG favicons - chromium - Monorail (2017-01-16 00:38:30 +09:00) https://bugs.chromium.org/p/chromium/issues/detail?id=294179

[111] SVG favicons – Welcome to the Windows developer feedback site! (2017-01-16 00:39:30 +09:00) https://wpdev.uservoice.com/forums/257854-internet-explorer-platform/suggestions/6509196-svg-favicons

[112] Bitmap favicons? · Issue #10 · whatwg/meta (2017-01-26 16:21:15 +09:00) https://github.com/whatwg/meta/issues/10

[159] Support for SVG in favicons - Chrome Platform Status, 2021-08-17T08:55:24.000Z https://www.chromestatus.com/feature/5180316371124224

MIME 型

[138] 通常の画像同様、画像形式を表す適切な MIME型を HTTPヘッダーに指定する必要があります。

[139]

link 要素の type<link type> 属性にも MIME型を指定できますが (省略可能)、 HTTPヘッダーの Content-Type: は事実上必須です。

[64] Windows の.icoの場合は、媒体型をimage/vnd.microsoft.iconにしておく必要があります。 Apacheの場合は、.htaccessなどで

AddType image/vnd.microsoft.icon .ico

とすればおk。

歴史

[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形式
[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

[77]

Make your site shine in Speed Dial - Dev.Opera (2015-03-22 00:53:58 +09:00 版) https://rawgit.com/operasoftware/devopera-static-backup/master/http/dev.opera.com/articles/view/opera-speed-dial-enhancements/index.html#setanicon

Specifying a Speed Dial icon is very similar to specifying a shortcut icon. Just add a <link> tag in the head section of your document.
<link rel="icon" type="image/png" href="http://path/to/logo.png">
Speed dial icons must be:
-At least 114 pixels wide by 114 pixels high. This is the default minimum icon size and icons smaller than this will be ignored.
-A PNG, JPEG or GIF image. SVG images aren't yet supported. Only the first frame of an animated image will be used.
As an aside, Opera 11.10 does have legacy support for apple-touch-icon, apple-touch-icon-precomposed and image_src.

[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

[101] (2016-04-18 15:22:20 +09:00 版) http://www.r-store.jp/newarrival

<link rel="Shortcut Icon" type="image/x-icon" href="images/favicon.ico" />

[102] (2016-04-25 13:03:43 +09:00 版) https://www.fullspeed.co.jp/

<link href="/common/img/favicon.ico" type="image/x-icon" rel="icon" />
<link href="/common/img/favicon.ico" type="image/x-icon" rel="shortcut icon" />
<link href="/common/img/apple-touch-icon.png" rel="apple-touch-icon" />

[103] ( (2016-05-11 17:00:29 +09:00)) http://prtimes.jp/

<meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1">
<meta name="viewport" content="width=1250">
<link rel="apple-touch-icon" sizes="114x114" href="/common/v4.1/images/html/favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/common/v4.1/images/html/favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/common/v4.1/images/html/favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/common/v4.1/images/html/favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/common/v4.1/images/html/favicon/apple-touch-icon-180x180.png">
<link rel="apple-touch-icon" sizes="57x57" href="/common/v4.1/images/html/favicon/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="60x60" href="/common/v4.1/images/html/favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/common/v4.1/images/html/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/common/v4.1/images/html/favicon/apple-touch-icon-76x76.png">
<link rel="icon" type="image/png" href="/common/v4.1/images/html/favicon/favicon-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/common/v4.1/images/html/favicon/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="/common/v4.1/images/html/favicon/favicon-24x24.png" sizes="24x24">
<link rel="shortcut icon" type="image/png" href="/common/v4.1/images/html/favicon/favicon.ico">
<meta name="msapplication-square150x150logo" content="/common/v4.1/images/html/favicon/mstile-150x150.png" />
<meta name="msapplication-square310x310logo" content="/common/v4.1/images/html/favicon/mstile-310x310.png" />
<meta name="msapplication-square70x70logo" content="/common/v4.1/images/html/favicon/mstile-70x70.png" />
<meta name="msapplication-TileColor" content="#27476E">
<meta name="msapplication-TileImage" content="/common/v4.1/images/html/favicon/mstile-144x144.png">

[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

[107]

ios - (How) Can a web site determine if Safari Private Browsing is turned on? - Ask Different (2016-07-10 13:15:48 +09:00) http://apple.stackexchange.com/questions/131587/how-can-a-web-site-determine-if-safari-private-browsing-is-turned-on

I have noticed that while in private Browsing mode, Safari will not request favicons, so in theory a site could block caching of the favicon and make a pretty good guess that Private Browsing is on.
In contrast, on iOS, Safari doesn't request favicons at all. But it will, even in Private Browsing mode, request any "apple-touch-icon" if you access the Sharing panel (the apple-touch-icon is used as the Home Screen icon if you subsequently "Add to Home Screen" for that URL).

[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

[120]

Deep Dive into the Payment Request API | Web Fundamentals | Google Developers (2017-09-27 01:14:33 +09:00) https://developers.google.com/web/fundamentals/payments/deep-dive-into-payment-request?hl=ja

This UI is a combination of information readily available from the page.
The icon on the left is the most appropriately sized icon the browser can find.

[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/

[127]

DuckDuckGoのWebブラウザー、アクセス先ドメインの情報を収集しているとの批判を受けて修正 | スラド IT (2020-07-07 17:32:07 +09:00) https://it.srad.jp/story/20/07/06/176231/

DuckDuckGoでは各Webサイトからfaviconを取得して表示するには複雑な処理が伴うとして、同社の検索エンジンおよびアプリに独自サービスからfaviconを提供していた。しかし、検索結果に表示するfaviconは問題ないとしても、直接URLを入力してアクセスした場合にもDuckDuckGoへリクエストが送られる点が批判を受けることになる。

[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

仕様書

favicon.ico

/favicon.ico

/*/favicon.ico

HTML の `link` 要素で指定

`<link rel="shortcut icon">`

`<link rel="shotcut icon">`

`<link rel="alternate icon">`

絵の形式

初期の実装

SVG favicon

MIME 型

`rel=mask-icon`

処理

レンダリング

アニメーション

セキュリティー

キャッシュ

`icons` (Web App Manifest)

歴史

仕様書

favicon.ico

/favicon.ico

/*/favicon.ico

HTML の link 要素で指定

<link rel="shortcut icon">

<link rel="shotcut icon">

<link rel="alternate icon">

絵の形式

初期の実装

SVG favicon

MIME 型

rel=mask-icon

処理

レンダリング

アニメーション

セキュリティー

キャッシュ

icons (Web App Manifest)

歴史

HTML の `link` 要素で指定

`<link rel="shortcut icon">`

`<link rel="shotcut icon">`

`<link rel="alternate icon">`

`rel=mask-icon`

`icons` (Web App Manifest)