实际上，有两种向网站添加图标的方式。
<link rel="icon">
只需将以下代码添加到
<head>元素中：
<link rel="icon" href="http://example.com/favicon.png">
大多数浏览器均支持 PNG图标，但IE <=
10除外。为了向后兼容，您可以使用ICO图标。
请注意，您
不必再icon
在rel
属性之前添加属性shortcut
。从MDN链接类型：
该
shortcut链接类型通常见过icon，但这种链接类型是不符合要求的，忽略 网页制作者不能再使用它 。
favicon.ico
在根目录中
从另一个SO答案（通过@mercator）：
favicon.ico除非您通过指定了快捷方式图标，否则所有现代浏览器（经过Chrome 4，Firefox 3.5，IE8，Opera
10和Safari 4的测试）都将始终请求<link>。
因此，您要做的就是
/favicon.ico向您的网站发出请求，以返回您的网站图标。不幸的是，此选项不允许您使用PNG图标。
另请参见favicon.png和favicon.ico-
为什么我应该使用PNG而不是ICO？
