AVIF转WebP在线转换
AVIF是更新的网页图片格式，文件通常更小，但WebP能覆盖更多设备和内容管理系统。网站需要兼容旧款iPhone和Mac，或CMS拒绝上传AVIF时，把AVIF转换为WebP，同时保留现代压缩效率和透明背景。
图片格式转换
或将JPG, JPEG, JPE … 文件拖放到此处 ·
单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除
文件在我们的服务器上处理，并在 30 分钟后删除。
85 可使照片在视觉上与原图无差别。只有在需要更小的文件时才调低。
JPG、BMP 和 EPS 不支持透明。透明像素会用此颜色填充。
用于透明像素底色的十六进制颜色，例如 #FFFFFF。
此格式只能保存单张图像。如需保留动画，请选择输出 GIF 或 WebP。
多尺寸图标在一个文件中包含多种分辨率，浏览器和操作系统会选用所需的尺寸。
保持原始尺寸，或输入一边的数值，自动保持宽高比。
上面所选边的像素值。
相对于原始尺寸的百分比。
屏幕和网页使用 sRGB 即可。印刷流程请保持原样；灰度会丢弃颜色。
仅写入元数据，0 表示保留原值。打印机和部分网站会读取此数值，它不会改变像素尺寸。
使用方法
- 1
添加AVIF图片
上传最多 20 个 .avif 文件,每个不超过 95 MB,可来自设计稿导出、图片 CDN 下载或网站备份。
- 2
选择有损或无损
音质默认为 85,适合本来就是有损 AVIF 的照片。只有扁平图形,或保存为无损的 AVIF 文件,才需要在高级设置中勾选无损。
- 3
点击转换为 WebP
可逐个下载 WebP,也可下载一个 ZIP。透明区域仍保持透明,文件会在 30 分钟后删除。
简短回答:当浏览器、插件或主机不支持 AVIF 时,以质量 85 把 AVIF 转成 WebP。体积效率会略有损失,但保留透明度,而且文件几乎能在所有在用设备上加载。
2026年为什么还要把AVIF转WebP
AVIF 由开放媒体联盟于 2019 年发布,把 AV1 视频编码用于静态图像。在相同画质下,它的体积通常比 WebP 更小,尤其是渐变平滑的照片。不过支持是分阶段到来的:2020 年的 Chrome 85、2021 年的 Firefox 93、2022 年的 Safari 16(到 16.4 之前仍有缺口),以及直到 2024 年 1 月才支持的 Edge 121。
WebP 由 Google 于 2010 年发布,自 2020 年的 Safari 14 起,所有主流浏览器都能显示。停留在 iOS 15 的手机,例如 iPhone 7 和 6s,能显示 WebP,却不能显示 AVIF。如果 AVIF 在你无法升级的地方打不开,WebP 是最接近的退而求其次的选择。更多取舍请阅读 AVIF、HEIC 与 WebP 详解。
AVIF与WebP在浏览器和WordPress中的支持情况
| from ↓ · to → | AVIF | WebP |
|---|---|---|
| Chrome 85+ | Chrome 85+ to AVIF: yes | Chrome 85+ to WebP: yes |
| Firefox 93+ | Firefox 93+ to AVIF: yes | Firefox 93+ to WebP: yes |
| Safari 16.4+ | Safari 16.4+ to AVIF: yes | Safari 16.4+ to WebP: yes |
| Safari 14–16.3 | – Safari 14–16.3 to AVIF: no | Safari 14–16.3 to WebP: yes |
| Edge 121+ | Edge 121+ to AVIF: yes | Edge 121+ to WebP: yes |
| Edge 18–120 | – Edge 18–120 to AVIF: no | Edge 18–120 to WebP: yes |
| WordPress 5.8–6.4 | – WordPress 5.8–6.4 to AVIF: no | WordPress 5.8–6.4 to WebP: yes |
| WordPress 6.5+ | WordPress 6.5+ to AVIF: yes | WordPress 6.5+ to WebP: yes |
AVIF
AV1 图像文件格式
AVIF 用 AV1 视频编码压缩保存静态图像和图像序列，由开放媒体联盟于 2019 年定稿。在相同视觉质量下，它的文件通常比 JPEG 和 WebP 都小，并支持透明、动画、广色域和 HDR。编码速度比旧格式慢，在低质量设置下非常细腻的纹理可能显得被抹平。所有主流浏览器现在都能显示 AVIF，但许多桌面应用、社交平台和旧设备无法打开它。
- 压缩方式
- 有损或无损
- 透明度
- 支持
- 动画
- 支持
- 发布年份
- 2019 · Alliance for Open Media
WEBP
WebP 图片
WebP 是 Google 于 2010 年发布的图片格式,目的是让网页加载更快。它在同一种格式中同时支持有损和无损压缩、Alpha 透明和动画。在视觉质量相近的情况下,有损 WebP 文件通常比 JPEG 小 25–35%,无损 WebP 通常比 PNG 更小。目前所有主流浏览器都支持它,但一些较旧的桌面软件、打印服务和上传表单仍然不接受。Windows、macOS 和大多数现代图片编辑器都可以打开 WebP 文件。
- 压缩方式
- 有损或无损
- 透明度
- 支持
- 动画
- 支持
- 发布年份
- 2010 · Google
人们把 AVIF 转成 WebP,是为了既保留现代压缩和透明度,又能兼容仍无法处理 AVIF 的浏览器、手机和 CMS 主机;WebP 转 AVIF 则相反,是在所有访客都能解码之后进一步压缩体积。
AVIF转为WebP后有哪些变化
WebP 的优点
- 可在较旧的 Safari、Edge 和 iOS 15 设备上显示
- 自 5.8 起被 WordPress 接受,几乎任何主机都可用
- 保留 Alpha 通道
- 在低端手机上编码和解码更快
需要放弃的
- 文件通常比 AVIF 略大
- 仅支持 8 位,因此 HDR 和 10 位 AVIF 会被压平
- 有损来源需要第二次有损编码
AVIF转WebP：画质与无损设置
请根据 AVIF 的生成方式选择设置。网络上的大多数 AVIF 都是有损照片,所以用质量 85 的有损 WebP,既能保持视觉效果,又足够轻。色块平整、带文字或边缘锐利的图形最适合无损,因为 WebP 的无损模式正是为这类图像设计的。
HDR 和 10 位 AVIF 会被色调映射为 8 位,因为 WebP 没有更高的位深。用于网页发布时,请将色彩空间保持为 sRGB。如果要为 <picture> 元素制作备用图片组,请把原始 AVIF 与 WebP 放在一起;如果页面两种格式都不需要,AVIF转PNG 可完整保持无损。
AVIF转WebP常见问题
AVIF更小，为什么还要把AVIF转WebP？
因为文件再小,无法显示也没有用。16.4 之前的 Safari、无法升级到 iOS 15 以上的 iPhone、121 之前的 Edge,以及许多 WordPress 主机,要么不支持 AVIF,要么只能部分处理。WebP 在这些环境中都能使用,而且比 JPG 或 PNG 小得多。
AVIF转WebP会损失画质吗？
有损 AVIF 重新编码为有损 WebP 会经历第二轮压缩,因此会损失少量细节。质量设为 85 时,照片上的差异很难看出。把有损 AVIF 转成无损 WebP 并不能找回细节,只会让文件大很多。
AVIF转WebP时什么情况下该勾选无损？
当 AVIF 本身是无损的,或者它是扁平图形,例如徽标、图表或界面截图时。无损 WebP 能精确且紧凑地保存这类图像。对于照片,应使用 80 到 90 的有损 WebP。
透明背景的AVIF转成WebP后还是透明的吗？
可以。两种格式都带有完整的 Alpha 通道,所以商品抠图和徽标无需填充颜色,也能保留透明背景。
WordPress为什么拒绝上传我的AVIF图片？
WordPress 在 2024 年的 6.5 版本中加入了 AVIF 支持,但前提是服务器的图像库能够处理它。在较旧的 WordPress 版本,或 GD、Imagick 不支持 AVIF 的主机上,上传会失败。WebP 自 5.8 版本起就被接受,几乎所有主机都能处理。
应该同时提供AVIF和WebP吗？
如果你能控制 HTML,可以:在 <picture> 元素中先列出 AVIF,再列出 WebP,每个浏览器会选择它支持的第一种格式。转换后就有了这个 WebP 备用文件。如果应用两者都不需要,请使用 AVIF转JPG。