为了今天浪费更多时间,我将.jpg文件转换为.ico并将其放入favicon.ico中。 .jpg小于1KB; .ico文件是** 60KB ** !!,比我正在使用的html页面大。
我在
使用了在线转换器http://www.coolutils.com/online/image-converter/
60KB不能是图标的合理大小。可以吗?
谢谢!
- 皮特
答案 0 :(得分:5)
.ico文件是唯一的,因为它们可以包含多个分辨率图像,并且使用最合适的图像。该网站可能创建了许多分辨率并将它们包含在一个文件中。 Windows 7支持最高512x512的图标。当在缩略图与列表视图中使用不同的图标时,您可能已经在Windows中看到了这一点。如果你想要一个网站的图标,那么只需要一个png。所有现代浏览器都支持它,尺寸会小很多。希望有所帮助!
<link rel="icon" type="image/png" href="http://example.com/myicon.png">
答案 1 :(得分:2)
我认为它提出的.ico格式适用于Windows图标,例如,并非专门针对favicos。
答案 2 :(得分:1)
默认情况下,ICO文件格式将数据存储为BMP文件格式,这就是favicon.ico文件如此之大的原因。
您可以使用GIMP导出将数据保存为PNG,也可以通过gzip压缩发送。请注意,并非所有浏览器都支持PNG格式的favicon.ico,而那些非常旧的浏览器(IE&lt; 6)也不支持gzip压缩。
如今,大多数现代浏览器都将<link>
方法支持到HTML源代码中,以支持不同大小和格式的特定图标。您可以在源代码中添加这样的内容,以使用PNG和SVG文件格式的图标。
<head>
<link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">
<link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16">
<link rel="icon" href="/favicon.svg" type="image/svg+xml" sizes="any">
</head>
您可以在this guide中查看有关优化图标的更多提示。
答案 3 :(得分:-2)
如果您使用的是Windows,请使用paint。 点击&#34;调整大小&#34;按钮并插入新图像的百分比或像素,并完成它!