我无法使用我的图标来工作。我究竟做错了什么？我先尝试了favicon.ico。没运气。现在我正在尝试一个png。
<head>
<link rel="icon" href="favicon.png"/>
</head>!
答案 0 :(得分：1)
嗯，“最好的方法”是制作.ico格式的图标，称之为favicon.ico并将其放在您的文档根目录（即可以通过www.example.com/favicon.ico访问） 。
如果您真的不想使用favicon.ico，可以使用：
<link rel="shortcut icon" href="http://example.com/custom/file/anything.ico" />
由于某种原因，IE不是使用'快捷图标'作为属性，即使它有空格！
如果这不起作用，您的浏览器可能会缓存内容，请执行此操作，然后清除浏览器缓存，然后重试。
制作.ico小文件的好网站是http://www.favicon.cc/。
如果您不想这样做，那么您可以使用png，但它不能在Internet Explorer中使用。你必须使用：
<link rel="icon" type="image/png" href="http://example.com/image.png" />
让它工作。
但不要，只需使用.ico！
答案 1 :(得分：1)
浏览器只会在站点根目录中查找favicon.ico并将使用它。对于像IE6这样的旧浏览器，它必须是16x16px，但IE6支持正式不再发布，所以没关系。
.ico支持完整的alpha并拥有1600万个调色板，因此使用PNG没有多大意义。对于我的网站，我制作了一堆图标，所有图标都有不同的尺寸（16px，32px，48px，64px，128px），然后我使用命令行实用程序ICOBundle将它们压缩成一个多分辨率图标文件。
Apple还提供了有关如何设置iOS兼容图标以将网站添加到主屏幕的文档。要完成，最喜欢的rel最好是"shortcut icon"。