我无法使用我的图标来工作。我究竟做错了什么?我先尝试了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"
。