如果我从其他网站复制一个favicon并测试,我就能使用它。但是我的自己的在IE8/Chrome中无法正常工作。我的图标是Visual Studio创建的32x32 24位图标。我总是遇到图标无法正常工作的问题,应该使用什么?我以为我可以使用高达64x64的图像...
请参考此网站以获取创建favicon.ico
的指导 - 它需要是16*16的,而不是32*32的(虽然您可以有一个包含两种尺寸的复合.ico
)。
我已经创建了几个大小不同的复合.ico
文件,这样它们在浏览器和桌面上显示时就会正确。
首先,为了安全起见,请使用此转换器将您的原始图标转换为.ico
格式。
然后,为了实现跨浏览器兼容性(特别是Internet Explorer),请使用:
<link rel="shortcut icon" href="http://www.yoursite.com/youricon.ico" />
大多数浏览器都足够聪明,可以使用位于您网站根目录下的任何名为favicon.ico
的PNG/ICO文件,但这并不总是可靠的。
favicon的维基百科页面包含了大量信息。
不同浏览器对于favicon的支持有所不同,不能保证在任何系统上都能正常工作。有时候浏览器会无缘无故地忽略它。
为了获得最广泛的浏览器支持,您应该使用.ico格式。维基百科页面上有一个兼容性表格,告诉您每种格式的支持程度有多广泛。
您需要使用16x16的.ico文件。32x32的.ico文件和.png、.jpg文件在浏览器标题栏中并不总是有效。现在可能会发现一些浏览器支持此功能,但并非每个浏览器都支持,因此请尽量使用16x16的.ico文件。
我曾经遇到过同样的问题,你只需要添加一些额外的字符,
例如:如果你已经写了 C:\Users\Desktop\image\icon.ico
来获取图片,那么你只需要像这样添加 ?v=2
"C:\Users\Desktop\image\icon.ico?v=2".
或者你可以将格式更改为 .jpg
、.png
等。