ICO 转换器,免费

将图片转换为 ICO favicon 格式,支持多种尺寸。

没有数据离开您的设备
上传图片

PNG、JPG、WebP、GIF、BMP、AVIF 等

或拖放到此处

图片预览

预览

关于 ICO 格式

ICO(Icon)格式是网站 favicon 的标准格式,用于浏览器的标签页、收藏夹和地址栏。此转换器支持在单个 .ico 文件中包含多种尺寸,这是现代的通用做法。

常见问题

什么是 ICO 文件?

ICO 文件是一种二进制图片格式,用于 Windows 应用图标和网站 favicon。它可以包含多种分辨率的图片,让浏览器根据上下文显示合适的尺寸。

应包含哪些尺寸?

16×16 和 32×32 是浏览器 favicon 最常用的尺寸。Windows 快捷方式和高分辨率屏幕可加入 64×64 和 128×128。48×48 对旧版兼容性有用。256×256 有时用于大尺寸图标展示。

如何在网站上使用 favicon?

将 favicon.ico 文件放在网站根目录,或在 HTML 中引用:<link rel="icon" href="/favicon.ico">。大多数浏览器会自动在根目录查找。

ICO格式简史

微软于1985年11月随Windows 1.0引入ICO格式,最初作为单色32×32像素应用程序图标的资源格式,存储在.EXE和.DLL文件中。独立的.ico扩展名被正式确立,使图标可以独立于可执行文件进行编辑和共享。Windows 3.x增加了16色和256色支持;Windows 95将ICO升级为真正的多分辨率容器(单文件包含16 / 32 / 48 px多个渲染,操作系统自动为每种场景选择最佳尺寸);Windows XP增加了32位Alpha通道,支持平滑抗锯齿边缘和半透明阴影;Windows Vista(2007年)引入256×256像素图标,并允许每个条目存储经典BMP或完整的PNG文件。PNG编码条目现已成为48×48以上尺寸的标准,因为256×256 32位BMP每个图标大约256 KB,极为浪费。许多旧式图标编辑器仍默认生成纯BMP格式的ICO,产生的文件比必要的大8至10×。

该格式于1999年3月从「Windows内部格式」跃升为「全球Web标准」,当时微软Internet Explorer 5引入了/favicon.ico约定。当用户将页面添加到「收藏夹」时,IE会向网站根目录请求/favicon.ico,并在书签旁边显示16×16图像。「favicon」这个名称是「favorites icon」的混成词,直接来源于IE的收藏夹菜单。该约定在推出时从未是官方W3C标准;微软只是记录了该路径,浏览器和网站管理员采纳了它,整个行业随之跟进。二十七年后,每个主流浏览器在首次访问时仍会请求/favicon.ico,即使没有<link rel="icon">标签存在。这就是为什么全球任何Web属性的服务器日志都会显示来自浏览器、爬虫、RSS阅读器和链接预览机器人的favicon请求,以及文件缺失时的404错误。

2026年为何选择ICO而非PNG

鉴于PNG的灵活性,ICO为何仍然重要?三个原因:

值得注意的MIME类型奇特之处:ICO文件在技术上以image/vnd.microsoft.icon(IANA注册类型)提供服务,但大多数服务器和CMS模板发出的是较旧的image/x-icon,现代浏览器普遍接受两者。两种均可正常工作。

2026年的favicon建议

现代站点不应仅依赖favicon.ico,但也不应跳过它。由realfavicongenerator.net和MDN Web Docs倡导的「现代最小集」现在是:

HTML head块包含上述所有内容:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
<meta name="theme-color" content="#ffffff">

sizes="any"属性写在.ico链接上,告知现代浏览器「此文件包含任意尺寸,仅用作回退」,因此有SVG时优先使用SVG。2024-2026年最佳实践指南的趋势是积极精简:提供这四个文件加一个manifest。除非您专门针对这些平台,否则不再推荐带有mstile和yandex磁贴的旧式「16文件favicon包」。

ICO文件内部结构

对于感兴趣的读者:二进制布局非常直观。一个简短的ICONDIR头(6字节,保留字段、类型=1表示图标、图像数量),其后是N个ICONDIRENTRY记录(每个16字节,列出宽度/高度/颜色数/大小/文件偏移量),再跟着N个图像位图。每个图像条目可以是旧式BMP/DIB,或者(自Vista起)带有自己头信息的完整PNG文件。ICONDIRENTRY记录始终将宽度和高度存储为字节,0表示256(最大值)。这就是为什么ICO最多支持256×256而不更大;要存储更大图像,格式需要修订。

测试生成内容的工具

适合使用此工具的场景

更多问题

我的favicon已更新但浏览器还在显示旧版,为什么?

Favicon缓存出了名地激进。浏览器跨重启缓存favicon,并不总是遵循HTTP缓存控制头。强制刷新(Mac上使用Cmd+Shift+R,Windows上使用Ctrl+F5)通常在Chromium和Firefox中有效;Safari有时需要完全退出并重启,而在iOS上,主屏幕图标可能需要重新添加该页面。添加查询字符串(/favicon.ico?v=2)会在大多数浏览器中强制刷新,但对于隐式的/favicon.ico请求并不总是有效,为此请在<link rel="icon">标签中声明新URL。

应该包含哪些尺寸?

对于浏览器favicon:16和32是必需的。48有助于高DPI Windows标签页。对于Windows桌面快捷方式和任务栏固定:包含64和128(以及用于最大「超大」Explorer视图的256)。本工具的默认选择(16/32/48/64)覆盖99%的情况。添加128或256会明显增加文件大小(仅PNG编码的256×256就约为30至40 KB),因此只有在确实需要Windows shell渲染时才包含它们。

是否应该使用透明背景?

几乎总是应该,现代浏览器在标签页的chrome颜色背景下显示favicon,该颜色在亮色模式、暗色模式和固定标签页时各不相同。透明PNG(或对转换器使用透明输入)在所有背景下都能产生清晰边缘。例外情况是没有彩色背景就无法辨认的标志,对于这些情况,将背景颜色烘焙进去是可以的。PNG和ICO都支持完整alpha;JPEG不支持,因此JPG输入会丢失透明度。

2026年还真的需要favicon.ico吗?

需要,但仅作为回退。每个浏览器即使已有现代<link>标签,在首次访问时仍会隐式请求它;Windows桌面快捷方式和任务栏固定需要它;在医疗、制造和政府领域仍在运行IE11或旧版Edge的企业环境(确实存在)需要它。在根目录放置一个4至8 KB的多尺寸.ico是最安全的通用默认方案,同时通过<link>标签为其他所有人提供SVG和PNG。

有任何内容会发送到服务器吗?

不会。图像在您的浏览器中解码,通过Canvas 2D API缩放到每个请求的尺寸,并由JavaScript组装成ICO二进制文件。结果直接下载到您的设备。您的图像内容(包括您可能仍在迭代的标志设计)从不离开页面。

相关工具