WebP 转 AVIF
已经用上 WebP，还值得升级 AVIF 吗？对大幅头图和图片密集的页面，答案通常是值得——还能再省 20–40%。但请对素材来源保持清醒：WebP 本身已经有损压缩过一次，这次二次编码要么用中高画质来做，要么干脆找出真正的原图。
需要反向转换？ AVIF 转 WebP
使用方法
挑出值得再压一轮的 WebP——大幅头图和整页照片，而不是 10 KB 的小缩略图。
编码固定在画质 65，比从原图出发的默认值更高，目的是让第二轮有损压缩在视觉上完全隐形。
只保留节省读数可观的结果，小图维持 WebP 原样，最后单个导出或打包下载。
WebP vs AVIF
两代现代格式的较量，AVIF 靠点数获胜而非击倒：在 WebP 已经压过的文件上再拿走 20–40%。代价是有损叠加有损——只有当 WebP 是您手里唯一的底稿、而且图片大到值得计较时，这一步才划算。
| WebP | AVIF | |
|---|---|---|
| 压缩方式 | 有损或无损 | 有损或无损 |
| 透明度 | 支持（完整 Alpha） | 支持（完整 Alpha） |
| 动画 | 支持 | 支持（较少使用） |
| 兼容性 | 所有现代浏览器（2020 年起） | 所有现代浏览器（Safari 16.4 起，2023 年） |
| 适合用途 | 网页图片：照片、缩略图、界面素材 | 大图横幅和图片密集的页面 |
常见问题
不会。所有转换都通过 WebAssembly 在您的浏览器内完成，文件自始至终不会离开您的设备，全程没有任何服务器参与。页面加载完成后即使断网也能继续使用，文件大小也没有限制，仅取决于设备内存。
在字节真正要紧的大图上值：横幅、摄影图、全屏背景，预期还能再省 20–40%。小缩略图和图标的绝对节省微乎其微，还要背上双重有损的代价。一句话：哪里字节多，就转哪里。
会有一点——WebP 已经丢过一轮信息，AVIF 会再丢一点。所以这个工具默认画质 65，比从原图出发的工具更高。如果原始的 PNG 或 JPG 还在，直接转原图效果一定更好。
如果要支持 Safari 16.4（2023 年 3 月）之前的版本，需要——用 <picture> 元素把 AVIF 排在前面、WebP 殿后。如果统计显示访客都是现行浏览器，只发 AVIF 也没问题。
大图上意义真实存在：300 KB 的头图降到 200 KB 是实打实的；12 KB 的缩略图降到 10 KB 只是噪声。先看网络面板，把最大的几张转掉，长尾留在 WebP 就好。两种格式都支持透明，这一点在迁移中不会有任何变化。
手里还有原图的时候。WebP 再转 AVIF 会叠加两轮损失；直接用 PNG 转 AVIF 或 JPG 转 AVIF 转原图，一轮就能得到更小、更干净的文件。这个工具是为“WebP 已是仅存底稿”的情况准备的。
没有需要担心的区别：两者都支持完整的 8 位 Alpha 通道，标志、贴纸和抠图会原样过渡，边缘的抗锯齿也不会丢。透明在这对格式之间从来不会“失踪”。
相关工具
AVIF 转 WebP
在浏览器内把 AVIF 转换为 WebP，免费、无需上传。文件依旧小巧，透明保留，却能兼容更早几年的浏览器、CMS 和图片工具，适合还没准备好接收 AVIF 的流程。
PNG 转 AVIF
在浏览器内把 PNG 转换为 AVIF，免费、无需上传。透明通道完整保留，体积通常比原 PNG 小 80–95%，比 WebP 更小，特别适合在意加载速度的网站。
JPG 转 AVIF
在浏览器内把 JPG 照片转换为 AVIF，免费、无需上传。同样的观感下体积通常再减 40–60%，渐变和夜景收益最明显，每张图的节省比例当场可见，适合给网站照片整体瘦身。
WebP 转 PNG
在浏览器内把 WebP 无损转换为 PNG：免费、无需上传，透明通道原样保留。转出的文件在 Photoshop、PowerPoint 等任何软件里都能直接打开使用。