Html Favicon:.ico或.png/正确的标记？

在HTML5文档中，您推荐哪种favicon格式？为什么？我希望它能得到IE7和所有现代浏览器的支持

另外，在使用.png时，是否需要指定类型（type=“image/png”）？

---

为了与所有浏览器兼容，请坚持使用

.ico

.png得到了越来越多的支持，因为使用多个程序更容易创建

对于.ico

<link rel="shortcut icon" href="http://example.com/myicon.ico" />

对于.png，需要指定类型

<link rel="icon" type="image/png" href="http://example.com/image.png" />

参见此处：

这就是出路：

<link rel="icon" type="image/png" href="http://www.example.com/image.png"><!-- Major Browsers -->
<!--[if IE]><link rel="SHORTCUT ICON" href="http://www.example.com/alternateimage.ico"/><![endif]--><!-- Internet Explorer-->

---

我知道这是个老问题

这里还有另一个选择-满足不同的平台要求-

这是迄今为止我发现的最广泛的方法

最终决定取决于你自己的需要。问问自己，谁是你的目标受众

---

2018年5月27日更新：正如预期的那样，时间在流逝，事情在变化。但也有好消息。我发现了一个名为的工具，它可以生成图标在所有现代浏览器和平台上工作所需的所有行。但它不能处理向后兼容性。

可以同时包含这两个选项并让浏览器决定使用哪一个吗？谢谢。但是在HTML5中，你不需要自动关闭标签，对吗？@Richard:如果你想在HTML5中自动关闭标签，你可以自由选择。@unor所以这将是

type=“image/x-icon”

“为了与所有浏览器兼容，请使用.ico。”这在历史的深处得到回答时是有效的，如今，PNG的使用与任何东西都完全兼容。（这是一个越来越多地出现的问题，所以…答案并不总是很老）你认为小写的

快捷方式图标

行得通吗？（我们不知道使用IE）@Mageek从未用小写字母测试过。safari for iOS也不支持。根据@dsd safari for iOS的说法，png根本不使用Favicons，所以这不值得担心。@mrvautin，这不太正确。Safari for iOS确实支持图标，但默认情况下它们是禁用的。您可以在Safari设置中启用它们。我希望我们可以将其标准化。但是，如果愿望是鱼，我们都会在财富中游泳。我发现这是最好的方法。谢谢。这是一个很好的回答，但是很难创建每个文件，为我们这样做，我建议等等，你是在暗示有很多愿望，如果我们把它们变成鱼，那么到处都会有鱼。鱼不是钱。如果我们都在鱼里游泳，它们可能一文不值。“那么，你是如何获得这些财富的呢？”Rocketsareafst在发表了一段4年的评论后说

<link rel='shortcut icon' type='image/vnd.microsoft.icon' href='/favicon.ico'> <!-- IE -->
<link rel='apple-touch-icon' type='image/png' href='/icon.57.png'> <!-- iPhone -->
<link rel='apple-touch-icon' type='image/png' sizes='72x72' href='/icon.72.png'> <!-- iPad -->
<link rel='apple-touch-icon' type='image/png' sizes='114x114' href='/icon.114.png'> <!-- iPhone4 -->
<link rel='icon' type='image/png' href='/icon.114.png'> <!-- Opera Speed Dial, at least 144×114 px -->