当前位置：文江博客话题详情

favicon.ico 文件大小 == 60KB？

发布于 2024-10-21 16:20:25 字数 325 浏览 1 评论 0原文

今天为了多浪费一些时间，我将一个.jpg文件转换为.ico并放在favicon.ico中。 .jpg 大小小于 1KB； .ico 文件是 ** 60KB ** !!，比我放置它的 html 页面大。

我使用了在线转换器

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

对于图标来说，60KB 并不是一个合理的大小。可以吗？

谢谢！

——皮特

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

韬韬不绝 2024-10-28 16:20:25

.ico 文件是独一无二的，因为它们可以包含多种分辨率的图像，并且会使用最合适的一种。该网站可能创建了许多分辨率并将它们包含在一个文件中。我认为 Windows 7 支持高达 512x512 的图标。当缩略图与列表视图使用不同的图标时，您可能已经在 Windows 中看到过这种情况。如果你想要一个网站图标，那么只需制作一个 png 即可。所有现代浏览器都支持它，并且尺寸会小很多。希望有帮助！

<link rel="icon" type="image/png" href="http://example.com/myicon.png">

.ico files are unique because they can contain multiple resolution images and the most appropriate one is used. The site probably created many resolutions and included them in a single file. Windows 7 supports icons up to 512x512 I think. You may have seen this in windows when a different icon is used for thumbnail vs. listview. If you want an icon for a website then just make a png. All the modern browsers support it and the size will be a lot smaller. Hope that helps!

<link rel="icon" type="image/png" href="http://example.com/myicon.png">

回复收藏 0 原文

神经暖 2024-10-28 16:20:25

默认情况下，ICO 文件格式将数据存储为 BMP 文件格式，这是一种未压缩的图像格式，这就是 favicon.ico 文件如此大的原因。

您可以通过使用 GIMP 导出将数据保存为 PNG，或者通过 gzip 压缩发送。请注意，并非所有浏览器都支持 PNG 格式 favicon.ico，并且那些非常旧的浏览器（IE < 6）也不支持 gzip 压缩。

如今，大多数现代浏览器都支持在 HTML 源代码中使用方法来访问不同大小和格式的特定 favicon。您可以将类似的内容添加到源代码中以使用 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>

您可以在本指南中查看更多优化图标的技巧。

By default ICO file format store data as BMP file format which is an uncompressed image format, that is why the favicon.ico file is so big.

You can either save the data as PNG by exporting using GIMP, or send it compressed by gzip. Beware that not all browser support PNG format favicon.ico, and those very old browsers (IE < 6) neither support gzip compression.

Nowadays, most modern browsers support <link> method into the HTML source code to specific favicon of different size and format. You can add something like this into your source code to use PNG and SVG file format favicons.

<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>

You can check more tips to optimize your favicon in this guide.

回复收藏 0 原文