我一直在开发一个网站，我想在浏览器选项卡上添加一个小图标
如何在HTML中执行此操作，以及我需要将其放置在代码中的何处（例如，标题）？我有一个.png徽标文件，我想将其转换为图标
相关：在浏览器选项卡上设置HTML图像
实际上，有两种方法可以将favicon添加到网站
<；link rel=“icon”>
只需将以下代码添加到<；头>元素：
<；link rel=“icon”href=”http://example.com/favicon.png“>；
除IE<；=10为了向后兼容，您可以使用ICO favicons
请注意，您不再需要在rel属性中的图标前面加上快捷键。从MDN链接类型：
快捷方式链接类型通常出现在图标之前，但此链接类型不符合要求，被忽略，web作者不得再使用它
根目录中的favicon.ico
根据另一个SO答案（由@mercator提供）：
所有现代浏览器（通过Chrome 4、Firefox 3.5、IE8、Opera 10和Safari 4测试）都将始终请求
favicon.ico，除非您通过指定了快捷方式图标<；链接>
因此，您所要做的就是向您的网站发出/favicon.ico请求并返回您的favicon。不幸的是，此选项不允许您使用PNG图标
另请参见favicon.png vs favicon.ico-为什么我应该使用png而不是ico