什么是图片转 AVIF?
将 JPEG、PNG、WebP 和 HEIC 图片转换为 AVIF 格式,文件体积大幅缩小,画质几乎不变。AVIF 比 JPEG 压缩效率高出约 50%,页面加载更快。
AVIF 把 AV1 视频压缩技术用在图像上,相同观感下体积约比 JPEG 小 50%,多数照片上又比 WebP 还小 20–30%。质量滑块(0–100)控制压缩强度,支持 JPEG、PNG、WebP、GIF、HEIC、HEIF 输入(iPhone 照片同样可用),全部在本页本地编码,下载前就能看到节省了多少体积。转换后调整滑块并点击「按当前质量重新转换全部」可一键以新质量重新编码所有图片;想直接粘贴到设计软件,也可一键把成品复制到剪贴板。
使用方法
- 第一步 — 将一张或多张图片拖入上传区域,支持 JPEG、PNG、WebP、GIF,以及 iPhone 和现代 Android 相机直接拍出的 HEIC、HEIF 照片。
- 第二步 — 调整质量滑块以平衡文件大小与图片质量,预览区域实时显示压缩效果。
- 第三步 — 单独下载各张 AVIF 文件,或一次性下载全部转换后的图片,每张图片均显示节省的文件大小。
何时使用
- 压缩摄影作品集或电商商品图,降低页面体积。
- 处理网站首屏大图,改善 LCP(最大内容绘制)指标。
- 归档 JPEG 照片库,占用更少硬盘空间且画质看不出变化。
结果
一位网页开发者上传了一张 2.4 MB 的产品图(JPEG)。质量设为 75 后,AVIF 输出仅 380 KB,缩减了 84%,画质无肉眼可见差异。页面加载明显更快。
常见问题
- AVIF 真的能在访客的所有浏览器里正常显示吗?
- Chrome 85+、Firefox 93+、Edge 121+、Safari 16.4+ 都支持解码 AVIF,覆盖全球大约 95% 的流量。对更老的浏览器,可以用 picture 元素配合 JPEG 兜底,让它们自动回退到旧文件。
- 网页用照片应该选多少质量?
- 照片质量定在 70–80 是最佳区间:比 JPEG 90 体积小约 75%,但人眼几乎看不出差别。缩略图用 60,需要接近无损时用 90。节省比例会实时显示。
- 为什么第一次转换感觉比较慢?
- 首次转换会下载一次性约 1.5 MB 的 WebAssembly 编码器,所以会有短暂等待。之后整个会话都会缓存,后续图片瞬间完成。AVIF 本身比 JPEG 更吃 CPU,因此 4K 图片在快机器上也可能要花几秒。
- AVIF 像 PNG 那样支持透明吗?
- 支持。AVIF 保留 alpha 通道,所以带透明背景的 PNG 在导出后透明效果依然保留。透明区域的压缩效率非常高,通常比同样的 PNG 小 90% 左右。
- AVIF 和 HEIC 是同一种格式吗?
- 它们共用同一个容器(HEIF),但编码器不同。HEIC 用的是 HEVC,涉及专利费;AVIF 用 AV1,完全免版税,所以更适合开放的 Web。在照片上 AVIF 的压缩率也略胜一筹。