网站着名的“favicon”现在有许多不同的变体，文件格式和分辨率，以支持不同操作系统的多个版本的需求。
有许多网站可以生成所有必需的图标文件以及相应的＆lt; head＆gt;码。例如：favicomatic.com，faviconit.com，favicon.ml，realfavicongenerator.net（当然还有更多）。然而，它们似乎都生成不同的格式，或者不同的＆lt; head＆gt;代码，但他们似乎都没有100％正确。
例如，使用图标和＆lt; head＆gt;他们都生成的代码，Firefox（最新版本）将在高分辨率显示器上显示低分辨率图标（例如Retina）。
我注意到你从＆lt; head＆gt;删除 16x16图标引用部分，例如
<link rel='icon' type='image/png' sizes='16x16' href='favicon-16x16.png'
然后它看起来正确。但我想这条线应该是有原因的吗？
我对这些差异感到好奇。其中一些包括＆lt; head＆gt;中的Windows图块图标（例如<meta name='msapplication-square150x150logo' content='mstile-150x150.png'>）。部分，有些人把它放在一个单独的browserconfig.xml文件中，他们引用它们＆lt; head＆gt;，有些人同时做这两件事。
有些使用apple-touch-icon图标，有些使用apple-touch-icon-precomposed。
有些人会生成android-chrome-512x512.png图标，他们会从单独的manifest.json文件中引用这些图标，有些则不会。
现在有很多指导和说明，大多数都是矛盾的，没有一个是完整的，据我所知。
是否有明确的标准或一套规则，关于什么图标和＆lt; head＆gt;现在提到包括正确支持主要平台上的所有现代浏览器？也就是说，要在各处获得最合适或最佳分辨率的图标？
P.S。我知道之前有过类似的问题。我看了很多，没有一个确定的答案，或者他们似乎缺乏上面提到的一些观点。