ICO 转 AVIF
说实话,这是个小众需求——您多半是因为构建流程或图片 CDN 要求所有资产统一为 AVIF,连 favicon 也不例外。工具的表现完全符合预期:图标主条目在浏览器内解码,Alpha 保留,再由 AVIF 重新编码。只是对体积别抱太高期望;小图留给编码器的压缩空间本来就少。
需要反向转换? AVIF 转 ICO(网站图标)
使用方法
把资产流水线点名的图标文件加进来,每个主条目都在浏览器内解码。
以画质 70 重编码为 AVIF,Alpha 完好——这是终点输出,不是编辑用的格式。
逐个或打包收取这批风格统一的文件,在这个尺寸上就别期待体积骤降了。
ICO vs AVIF
在 favicon 这个尺寸上,最新的编码器也压不过最老的容器多少——图片只有 48 px 宽时,文件开销才是大头。诚实的结论:若构建要求全线 AVIF,就为了统一而转,图的是一致性,不是省空间。
| ICO | AVIF | |
|---|---|---|
| 压缩方式 | 无损(内含 BMP 或 PNG) | 有损或无损 |
| 透明度 | 支持(完整 Alpha) | 支持(完整 Alpha) |
| 动画 | 不支持 | 支持(较少使用) |
| 兼容性 | 作为网站图标全平台通用 | 所有现代浏览器(Safari 16.4 起,2023 年) |
| 适合用途 | 网站图标(favicon)、Windows 应用图标 | 大图横幅和图片密集的页面 |
常见问题
不会。所有转换都通过 WebAssembly 在您的浏览器内完成,文件自始至终不会离开您的设备,全程没有任何服务器参与。页面加载完成后即使断网也能继续使用,文件大小也没有限制,仅取决于设备内存。
AVIF 的优势随分辨率放大——32 px 的图标总共几百个像素,容器开销占了文件的相当比例,可供压榨的冗余也少。为流水线一致性而转仍然成立,只是别指望大图那种夸张的压缩百分比。
保得住——图标的 Alpha 通道,无论硬边还是抗锯齿,都原样带入 AVIF。小尺寸带透明的图标恰恰最考验 Alpha 的正确性:32 px 下一圈错误的白边极其扎眼。
浏览器解码时交出的主条目——通常是文件中最大的。若您的 ICO 带有新式的 256 px 条目,得到的就是它;经典 favicon 一般产出 32 或 48 px。
在 32–48 px 下两者几乎打平——容器开销盖过了编码器的聪明,横竖都是个位数 KB 的文件。按流水线选:构建已全线输出 AVIF 就求一致;下游还有老环境,ICO转WebP 用几个百分点换更广的兼容。只转几枚图标的话,说真的,抛硬币都行。
编辑流程。AVIF 在画质 70 下是有损重编码,对一张总共几百像素的图反复打开、修改、保存会让瑕疵层层叠加。打算继续加工的图标应该走无损的 ICO转PNG;AVIF 是终点格式,不是工作格式。
相关工具
ICO 转 PNG
在浏览器内把 ICO 图标转换为 PNG——免费、私密、无需上传。从 favicon 或 Windows 图标中提取出可编辑的无损图片,透明通道原样保留,随处可用。
ICO 转 WebP
在浏览器内把 ICO 图标转换成 WebP——免费、私密、无需上传。透明通道完整保留,体积比同图 PNG 更小,书签面板、链接目录等批量展示站点图标的场景收益最大。
AVIF 转 ICO(网站图标)
在浏览器内把 AVIF 图片做成多尺寸 ICO 网站图标——免费、无需上传。Alpha 透明通道完整带入 16、32、48 px 每一个尺寸,全程在本地处理,适合手头只有 AVIF 素材的场景。
ICO 转 JPG
在浏览器内把 ICO 图标转换成 JPG——免费、私密、无需上传。提取 favicon 或 Windows 图标,输出任何应用、表单和后台系统都接受的 JPG 文件。