AVIF 输出会在浏览器 Web Worker 中从解码后的 bitmap 产生。品质菜单会调整编码品质,最大宽度选项则可在编码前缩小大型原图,让你在文件大小与细节之间取舍。
这是单文件浏览器转档工具,不是服务器端 AV1 pipeline。若浏览器无法解读输入文件,或无法透过 OffscreenCanvas 编码 image/avif,转档可能失败或比 JPG/WebP 更久;上线使用时仍应替旧设备准备 WebP 或 JPG 回退。
关于这个主题的常见疑问与实用解答。
不会。所有转档皆在浏览器端透过 Web Worker 完成,图片完全不会离开你的设备。
AVIF 采用 AV1 编码,同等品质下文件通常比 JPG 小 50%、比 WebP 小 20%。部分 AVIF 流程可承载广色域或 HDR 数据,但本工具聚焦浏览器 bitmap 转档;需要色彩管理或 HDR 的正式素材,请再用你的 production pipeline 验证。代价是编码较慢,且 2022 年以前的旧浏览器无法显示 AVIF,因此最适合性能优先且可透过 <picture> 回退 WebP/JPG 的网站。
AVIF 已由 Chrome 85+、Firefox 93+、Safari 16.4+、Edge 121+ 支持。旧版浏览器(IE、Safari 16.4 之前)无法显示。为了最大兼容性,建议透过 <picture> 元素提供 AVIF 并搭配 WebP 与 JPG 回退。