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为何仍然重要?三个原因:
- Windows桌面快捷方式和任务栏固定。当用户创建桌面快捷方式或将站点固定到任务栏时,Windows Explorer需要ICO以在操作系统当前所有shell尺寸(16、24、32、48、64、96、256)下渲染快捷方式。将
.lnk指向PNG只能得到单一尺寸,伴有双线性缩放伪影。 - 跨浏览器favicon兼容性。现代浏览器通过
<link>愉快地使用PNG和SVG,但隐式的/favicon.ico请求在冷访问时仍会触发,而在工业、医疗和政府环境中2026年仍存在的旧版Edge或IE 11只会渲染ICO。在您的根目录放置一个小型多尺寸.ico是最安全的通用默认方案。 - 单文件包含多尺寸。ICO可以在单次下载中包含16、32、48、64、128和256,这正是本工具生成的内容。浏览器和操作系统shell会自动为每种场景选择最佳变体。
值得注意的MIME类型奇特之处:ICO文件在技术上以image/vnd.microsoft.icon(IANA注册类型)提供服务,但大多数服务器和CMS模板发出的是较旧的image/x-icon,现代浏览器普遍接受两者。两种均可正常工作。
2026年的favicon建议
现代站点不应仅依赖favicon.ico,但也不应跳过它。由realfavicongenerator.net和MDN Web Docs倡导的「现代最小集」现在是:
favicon.ico(本工具的输出),每个浏览器自动请求;旧版用户和IE/旧Edge用户必需。favicon.svg:单个文件,适应任意密度;通过prefers-color-scheme支持亮色/暗色主题。Chromium 80+(2020年初)和Firefox 41+(2015年)支持,但Safari直到版本17(2023年9月)才添加支持。2026年是在大多数浏览器中可以切实依赖纯SVG的第一年。favicon-32x32.png和favicon-16x16.png:在同时列出PNG和SVG时,为偏好PNG的浏览器提供像素完美的光栅回退。apple-touch-icon.png(180×180),用于iOS主屏幕快捷方式。Apple不使用ICO或SVG;必须是PNG。android-chrome-192x192.png和android-chrome-512x512.png:从Web manifest引用,用于Android启动器和PWA安装。manifest.webmanifest:为PWA声明PNG图标、主题颜色、应用名称和显示模式。
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而不更大;要存储更大图像,格式需要修订。
测试生成内容的工具
- realfavicongenerator.net的检查工具:访问您的站点并报告各平台渲染问题。严格但准确。
- favicon.io的测试工具:在模拟浏览器标签页中快速进行视觉检查。
- 浏览器开发者工具。使用
Ctrl+F5(或Cmd+Shift+R)强制刷新以绕过favicon缓存,favicon缓存出了名地激进,尤其是Safari会跨重启缓存favicon,有时数小时内无视更新。 - 直接URL访问。在新标签页中访问
yoursite.com/favicon.ico,确认文件确实被提供。常见问题:文件存在但服务器返回404,因为它在配置的静态文件路径之外。
适合使用此工具的场景
- 构建新站点的favicon套件。在此处生成多尺寸.ico,再使用其他工具生成SVG和apple-touch PNG。
- 更新现有favicon。标志刷新后重新导出多尺寸.ico。
- 将Windows桌面快捷方式固定到自定义图标URL。
- 生成Electron / Tauri应用图标:Windows桌面应用的可执行文件资源节需要ICO。
- 为从未设置过favicon的已发布站点替换缺失图标或修复404错误。
更多问题
我的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二进制文件。结果直接下载到您的设备。您的图像内容(包括您可能仍在迭代的标志设计)从不离开页面。