26.txt

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

* 仕様書

[REFS[
- [92] [CITE@en-GB-x-hixie[HTML Standard]] ([TIME[2015-09-30 22:54:01 +09:00]] 版) <https://html.spec.whatwg.org/#rel-icon>
]REFS]

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

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

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

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

[[#comment]]


** /favicon.ico

[2] [[WinIE]] は、サーバーの ''/favicon.ico''
を、[[お気に入り]]に追加したタイミングなどに見に行きます。
- [34] [[Chimera]] もこれをみにいくそうです。 <http://www001.upp.so-net.ne.jp/obapoo/nikki/chimera01.html>
- [36] [[emacs-w3m]] もみにいきます。 <http://emacs-w3m.namazu.org/ml/msg02365.html>
[[#comment]]


** /*/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 は見に行くという話がありますが、確認できませんでした。
[[#comment]]


* HTML の link 要素で指定

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

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

[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 のことを考えるなら [CODE[.ico]] で終わる方がいいです。特に[[内容折衝]]を使っている場合、 WinIE がうまく取得できないことがあります。 (favicon.ico に限らずどんなものでも起こる問題です。単に WinIE がへぼいだけです。。。)

[64]
[[Windows]] の[CODE(fule)@en[.[[ico]]]]の場合は、[[媒体型]]を[CODE(MIME)@en[[[image/vnd.microsoft.icon]]]]にしておく必要があります。
[[Apache]]の場合は、[CODE(file)@en[[[.htaccess]]]]などで
[PRE(example)[
[[AddType]] [[image/vnd.microsoft.icon]] .[[ico]]
]PRE]

とすればおk。

([[名無しさん]])

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

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

[[#comment]]


* 絵の形式

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

[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] [WEAK[2003-01-27 18:03]] ''[[名無しさん]]'': [[Mozilla]] ではどんな大きさでも縮小してくれるみたいです。

* 処理

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

[95] [[文書]][VAR[文書]]に[[リンク型]]が [CODE(HTML)@en[icon]] の[[リンク]]がない場合、
[[並列に]]、次のようにすることができます [SRC[>>92]]。
[FIG(steps)[
= [96] [VAR[文書]]が [[HTTP]] か [[HTTPS]] で得られたものでなければ、ここで停止します。
= [97] 新しい[[要求]]を作成し、[[fetch]] します。
[FIG(list members)[
[FIGCAPTION[
[[要求]]
]FIGCAPTION]

: [F[URL][要求のURL]] : [CODE[/favicon.ico]] を[VAR[文書]]の[F[番地][文書の番地]]について[[URLの解決]]を行った結果
: [F[クライアント]] : [VAR[文書]]の [F[[CODE(DOMi)@en[Window]]]] の[F[環境設定群オブジェクト]]
: [F[型][要求の型]] : [CODE[image]]
: [F[終点][要求の終点]] : [CODE[image]]
: [F[同期フラグ]] : [[真]]
: [F[credentialsモード]] : [CODE[include]]
: [F[URL credentials利用フラグ]] : [[真]]
]FIG]
[VAR[続きの処理]]は、 >>98 とします。
]FIG]

[98] [[fetch]] により得られた[[応答]][VAR[応答]]の処理は、次のようにします [SRC[>>92]]。
[FIG(steps)[
= [99] [VAR[応答]]の[F[非安全応答]]を、 [CODE(HTML)@en[icon]] で指定されたものとみなして処理します。
]FIG]

* 実装

- [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] [WEAK[2002-12-01 (日) 11:44]] ''[[名無しさん]]'': [[Opera]] 6.05 ([[Win32]]) はまったく対応していない気がします。
- [42] [[emacs-w3m]]: 画像が表示可能な [[emacsen]] が必要ですね。 (最近ではもしかして [[bitmap]] があればいい?) [WEAK[(2002-12-03 (火) 20:49)]]
- [44] [[名無しさん]]: [[galeon]]:  [WEAK[(2002-12-27 20:59)]]
- [49] [[名無しさん]]: Mozilla: URI 欄の横やタブを使っている時はタブの端に表示されます。 [WEAK[(2003-01-11 16:36)]]
[[#form:'%text(label=>名前,id=>name);%text(label=>実装名,id=>agent);%text(id=>comment,size=>20);':'-[%index;] %name(suffix=>": ");%text(source=>agent,suffix=>": ");%text(source=>comment); [WEAK[(%date;)]]']]


** キャッシュ

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

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

[[#comment]]


* メモ

- [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/>
- [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>。驚くべきことに、 [CODE[<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 に限らず、この手の紹介サイトってなぜか、 [CODE(JS)[window.external.AddFavorite()]] もセットで紹介してますよね。 M$ が同時に実装したせいですか? 両方ともお気に入り関連ってだけでさしたる関係も見えないけどなあ。
- [62] >>45 その次に登場したのが、 [[WebTV]] の [[body]] 要素の [[logo]] 属性。
- [63] で、 [CODE[google.ico]] って一体何よ? 検索しても日本語では情報無し。

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

[68]
[CITE@en[jeff's WebLog : why doesn't the favicon for my site appear in IE7?]] ([CODE[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>
([[名無しさん]] [WEAK[2007-03-07 12:10:08 +00:00]])

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

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

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

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

[75] [CITE@en[Fun with Favicons - IEInternals - Site Home - MSDN Blogs]]
( ([TIME[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] [CITE@en[Web Applications 1.0 r8558  rel='shortcut icon' requirement changes; extra sample table for sorting]]
([TIME[2014-04-01 13:40:00 +09:00]] 版)
<https://html5.org/r/8558>

[FIG(quote)[
[FIGCAPTION[
[77] [CITE@en[Make your site shine in Speed Dial - Dev.Opera]]
([TIME[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>
]FIGCAPTION]

> 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.

]FIG]


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

[FIG(quote)[
[FIGCAPTION[
[79] [CITE@en[Safari 9.0]]
([TIME[2015-06-15 11:57:42 +09:00]] 版)
<https://developer.apple.com/library/safari/releasenotes/General/WhatsNewInSafari/Articles/Safari_9.html#//apple_ref/doc/uid/TP40014305-CH9-SW20>
]FIGCAPTION]

> <link rel="icon" sizes="any" mask href="website_icon.svg">

]FIG]


[80] [CITE@en[''''''[''''''whatwg'''''']'''''' Apple's new <link rel="icon" mask> not-quite-favicon  syntax causing problems in other browsers; needs standardization?]]
([[Daniel Holbert]] 著, [TIME[2015-06-15 09:40:14 +09:00]] 版)
<https://lists.w3.org/Archives/Public/public-whatwg-archive/2015Jun/0011.html>

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

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

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

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

[85] [CITE@en[366324 – SVG site icons (favicons, shortcut icons) support]]
([TIME[2015-06-25 21:01:08 +09:00]] 版)
<https://bugzilla.mozilla.org/show_bug.cgi?id=366324>

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

[FIG(quote)[
[FIGCAPTION[
[87] ([TIME[2015-08-08 14:46:28 +09:00]] 版)
<https://twitter.com/>
]FIGCAPTION]

> 
> <meta name="msapplication-TileImage" content="//abs.twimg.com/favicons/win8-tile-144.png"/>
> <meta name="msapplication-TileColor" content="#00aced"/>
> <link rel="icon" sizes="any" mask href="https://abs.twimg.com/a/1438866985/img/t1/favicon.svg">
> <meta name="theme-color" content="#55acee">
>   <link href="//abs.twimg.com/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon">

]FIG]


[FIG(quote)[
[FIGCAPTION[
[88] [CITE@en[Safari 9.0]]
([TIME[2015-08-08 14:52:34 +09:00]] 版)
<https://developer.apple.com/library/safari/releasenotes/General/WhatsNewInSafari/Articles/Safari_9.html#//apple_ref/doc/uid/TP40014305-CH9-SW20>
]FIGCAPTION]

> Note: This markup should be placed before other <link rel="icon"> elements to avoid compatibility issues with existing icons.

]FIG]


[89] [CITE@en[Re: ''''''[''''''whatwg'''''']'''''' A mask="" advisory flag for <link rel=icon>]]
([[Maciej Stachowiak]] 著, [TIME[2015-06-17 15:37:25 +09:00]] 版)
<https://lists.w3.org/Archives/Public/public-whatwg-archive/2015Jun/0059.html>

[90] [CITE@en[Re: ''''''[''''''whatwg'''''']'''''' A mask="" advisory flag for <link rel=icon>]]
([[Maciej Stachowiak]] 著, [TIME[2015-06-25 06:36:34 +09:00]] 版)
<https://lists.w3.org/Archives/Public/public-whatwg-archive/2015Jun/0115.html>

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

[FIG(quote)[
[FIGCAPTION[
[93] [CITE@en[Safari 9.0]]
([TIME[2015-11-04 23:28:39 +09:00]] 版)
<https://developer.apple.com/library/safari/releasenotes/General/WhatsNewInSafari/Articles/Safari_9.html#//apple_ref/doc/uid/TP40014305-CH9-SW20>
]FIGCAPTION]

> inned sites allow your users to keep their favorite websites open, running, and easily accessible.
> You can set the pinned tab icon for your site by providing a vector image. Use an SVG image with a transparent background and 100% black for all vectors. Add the following markup to all your pinnable webpages, replacing "website_icon" with your own file's name:
> <link rel="mask-icon" href="website_icon.svg" color="red">
> In the example, the color attribute sets the display color of the image. That attribute can specify a single color with a hexadecimal value (#990000), an RGB value (rgb(153, 0, 0)), or a recognized color-keyword, such as: red, lime, or navy.

]FIG]


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

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

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

]FIG]


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

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

]FIG]


[FIG(quote)[
[FIGCAPTION[
[103] ( ([TIME[2016-05-11 17:00:29 +09:00]]))
<http://prtimes.jp/>
]FIGCAPTION]

> 
>     <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">
> 

]FIG]


[FIG(quote)[
[FIGCAPTION[
[104] ( ([TIME[2016-05-24 22:06:59 +09:00]]))
<https://medium.com/mediumjp/medium%E3%81%AEpublications%E6%A9%9F%E8%83%BD%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E7%AB%8B%E3%81%A1%E4%B8%8A%E3%81%92%E3%82%8B%E3%81%AE%E6%A5%BD%E3%81%97%E3%81%99%E3%81%8E%E3%83%AF%E3%83%AD%E3%82%BF%EF%BD%97-54cf4b70498d#.kc4drc3o0>
]FIGCAPTION]

> <link rel="mask-icon" href="https://cdn-static-1.medium.com/_/fp/icons/favicon.KjTfUJo7yJH_fCoUzzH3cg.svg" color="#171717">

]FIG]


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

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

[FIG(quote)[
[FIGCAPTION[
[107] [CITE[ios - (How) Can a web site determine if Safari Private Browsing is turned on? - Ask Different]]
([TIME[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>
]FIGCAPTION]

> 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).

]FIG]


[108] [CITE[SVG favicon support. | Microsoft Connect]]
([TIME[2017-01-16 00:37:24 +09:00]])
<https://connect.microsoft.com/IE/feedback/details/782416/svg-favicon-support>

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

[110] [CITE@en[366324 – SVG site icons (favicons, shortcut icons) support]]
([TIME[2017-01-16 00:39:10 +09:00]])
<https://bugzilla.mozilla.org/show_bug.cgi?id=366324>

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