Favicon：.ico或.png /正确的标签？ [重复]

问题描述

|                                                                                                                   这个问题已经在这里有了答案：                                                      

解决方法

为了与所有浏览器兼容，请坚持使用“ 0”。 .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-->

    ,我知道这是一个老问题。 这是另一个选择-满足不同的平台要求-来源

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

这是我到目前为止发现的最广泛的方法。 最终，决定取决于您自己的需求。问问自己，您的目标受众是谁？ 更新2018年5月27日：正如预期的那样，时间在流逝，事情发生了变化。但是也有个好消息。我找到了一个称为Real Favicon Generator的工具，该工具可以生成图标所需的所有行，以使其在所有现代浏览器和平台上都能正常工作。它不处理向后兼容性。