favicon.ico filesize == 60KB?

时间:2011-03-11 20:18:34

标签: image icons size

为了今天浪费更多时间,我将.jpg文件转换为.ico并将其放入favicon.ico中。 .jpg小于1KB; .ico文件是** 60KB ** !!,比我正在使用的html页面大。

我在

使用了在线转换器

http://www.coolutils.com/online/image-converter/

60KB不能是图标的合理大小。可以吗?

谢谢!

- 皮特

4 个答案:

答案 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;按钮并插入新图像的百分比或像素,并完成它!