我无法让我的 facvicon 工作。我究竟做错了什么？我首先尝试了 favicon.ico。没运气。现在我正在尝试一个png。
<head>
<link rel="icon" href="favicon.png"/>
</head>!
问问题
184 次
2 回答
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！
于 2012-07-18T18:19:06.610 回答
1
浏览器将简单地favicon.ico在站点根目录中查找并使用它。对于像 IE6 这样的旧浏览器，它必须是 16x16px，但 IE6 支持已正式停止，所以没关系。
.ico支持完整的 alpha 并具有 1600 万个调色板，因此使用 PNG 没有多大意义。对于我的网站，我制作了一堆不同大小的图标（16px、32px、48px、64px、128px），然后我使用命令行实用程序 ICOBundle 将它们压缩成一个多分辨率的图标文件。
Apple 还提供有关如何设置 iOS 兼容图标以将网站添加到主屏幕的文档。最后，relfavicon 最好是"shortcut icon".
于 2012-07-18T18:24:18.047 回答