按类型我的意思是文件扩展名。
我的favicon适用于FF，Chrome和Safari，有人建议可能是导致此问题的favicon类型。
更一般地说，有一个很好的在线资源可以提供这些信息吗？
我更感兴趣的是找到准确的文档，而不仅仅是尝试不同的类型。
如果可能的话，我宁愿使用.svg文件而不是光栅图像。另外，我没有办法生成.ico文件，因为我正在使用Inkscape。
<link rel='shortcut icon' href = '../images/favicon.png'>
研究
https://mathiasbynens.be/notes/rel-shortcut-icon
请注意，我不想把它放在根文件夹中。
根据规范，我打破了规范，因此IE将起作用。
实际上我打破了IE工作的规范，但它仍然不起作用。
为什么讨厌我？
答案 0 :(得分：0)
这是您可以随处使用的favicon types：
<link rel="icon" type="image/x-icon" href="http://example.com/favicon.ico" />
<link rel="icon" type="image/png" href="http://example.com/favicon.png" />
<link rel="icon" type="image/gif" href="http://example.com/favicon.gif" />
完整的favicon列表可以是这样的：
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="/favicon-128.png" sizes="128x128" />
<meta name="application-name" content="Site"/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="/mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="/mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="/mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="/mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="/mstile-310x310.png" />
查看更多信息here
答案 1 :(得分：0)
ICO文件格式由Microsoft在Windows的第一个版本中表示，通常不是图像格式，而是BMP和PNG图像的容器。所以它实际上应该包含BMP / PNG图像，至少有一个。
来源：https://en.wikipedia.org/wiki/ICO_%28file_format%29
您可以在＆＃34; Favicon＆＃34;找到支持的图像格式表。这里： https://en.wikipedia.org/wiki/Favicon
仅限FF 41.0+支持SVG。 （理论上）
ISO格式背后的主要思想是将图像图标打包成不同的大小：16x16px（主要用作浏览器中的Favicon），32x32,64x64等等到一个文件中，所以这个＆＃34 ; ICO＆＃34; n在不同的分辨率上看起来不错。您可以轻松找到大量将几乎任何格式转换为ICO的在线工具，但几乎所有这些工具在大多数情况下只会创建一个图像16x16px。