UltKit

WebP转AVIF在线转换

WebP已经让图片变小了,而在同等视觉质量下,AVIF通常还能把照片压得更小。在这里批量转换,对比文件大小,哪个版本更划算就保留哪个。

图片格式转换

或将JPG, JPEG, JPE … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

输出

文件在我们的服务器上处理,并在 30 分钟后删除。

使用方法

  1. 1

    上传WebP图片

    最多添加 20 个 WebP 文件,每个不超过 95 MB。建议使用画质最高的版本,而不是已经为网页压缩过的文件。

  2. 2

    选择质量或无损

    音质默认值为 60,在 AVIF 的刻度上,这对照片来说是不错的水平。只有必须保持像素级一致的图形,才勾选无损。

  3. 3

    转换为AVIF

    点击转换为 AVIF并下载,替换网站上的文件之前,先把每个结果与对应的 WebP 对比一下。

当图片是照片、访问者使用较新的浏览器、并且页面上每一 KB 都很重要时,可以把 WebP 转换为 AVIF。如果文件是小图形,或平台无法存储 AVIF,请保留 WebP。

AVIF什么时候比WebP更好

WebP 的有损模式基于 2010 年的 VP8 视频编解码器,颜色以一半分辨率存储,每通道只有 8 位。AVIF 由开放媒体联盟于 2019 年发布,压缩技术来自 AV1 视频编解码器。它在低码率下保留更多细节,可以存储全分辨率颜色,并支持 10 位和 12 位色深,因此包含天空、肤色和柔和阴影的照片,在相同观感下转成 AVIF 后通常更小。

对于小图和边缘锐利的图形,这一优势会缩小。几 KB 以内的图标本来就没有多少可压缩的空间,而对于截图和示意图,无损 AVIF 不如无损 WebP。可以先批量转换,对比数字,保留更小的那个。如果源文件本来是 JPG,请直接用 JPG转AVIF 转换原图,而不要经过 WebP,这样图片只会多压缩一次。

AVIF与WebP对比:两种格式能存储什么

AVIFWebPJPG
有损和无损模式yesyes仅有损
Alpha 透明yesyesno
每通道位深8, 10, 1288
有损模式下的全分辨率颜色yesnoyes
HDR(PQ 和 HLG)yesnono
Safari 能否显示Safari 16 及更高版本Safari 14 及更高版本所有版本
WordPress 媒体库6.5 及更高版本5.8 及更高版本所有版本

WEBP

WebP 图片

WebP 是 Google 于 2010 年发布的图片格式,目的是让网页加载更快。它在同一种格式中同时支持有损和无损压缩、Alpha 透明和动画。在视觉质量相近的情况下,有损 WebP 文件通常比 JPEG 小 25–35%,无损 WebP 通常比 PNG 更小。目前所有主流浏览器都支持它,但一些较旧的桌面软件、打印服务和上传表单仍然不接受。Windows、macOS 和大多数现代图片编辑器都可以打开 WebP 文件。

压缩方式
有损或无损
透明度
支持
动画
支持
发布年份
2010 · Google
WEBP 转换器

AVIF

AV1 图像文件格式

AVIF 用 AV1 视频编码压缩保存静态图像和图像序列,由开放媒体联盟于 2019 年定稿。在相同视觉质量下,它的文件通常比 JPEG 和 WebP 都小,并支持透明、动画、广色域和 HDR。编码速度比旧格式慢,在低质量设置下非常细腻的纹理可能显得被抹平。所有主流浏览器现在都能显示 AVIF,但许多桌面应用、社交平台和旧设备无法打开它。

压缩方式
有损或无损
透明度
支持
动画
支持
发布年份
2019 · Alliance for Open Media
AVIF 转换器

网站所有者把 WebP 转成 AVIF,是为了把已经优化过的照片再压缩一步,并获得 10 位和 12 位 HDR 支持;代价是少数旧浏览器和 CMS 主机仍需保留 WebP 作为备用。

从WebP到AVIF:两种格式的由来

  1. 2010

    WebP 发布

    Google 发布 WebP,一种基于 VP8 视频编码的静态图片格式。

  2. 2019

    AVIF 1.0

    开放媒体联盟发布基于 AV1 的 AVIF 规范。

  3. 2020

    Chrome 85 和 Safari 14

    Chrome 开始显示 AVIF;Safari 终于加入对 WebP 的支持。

  4. 2022

    Safari 16

    随着 iOS 16 和 macOS Ventura,AVIF 登陆 iPhone、iPad 和 Mac。

  5. 2024

    Edge 121 和 WordPress 6.5

    最后一个主流浏览器和最大的 CMS 都支持了 AVIF。

什么时候应保留WebP版本

转换为 AVIF

  • 头图照片和商品图
  • HDR 或广色域图片
  • 图片体积占主导的页面
  • 使用 picture 元素做备用的网站

保留 WebP

  • 图标和小型界面图形
  • 无损截图和示意图
  • 动图
  • 拒绝上传 AVIF 的主机或应用

AVIF 的编码比 WebP 更耗时,这对需要即时生成图片的网站有影响,但对这样一次性的批量转换没有影响。在当前的手机和笔记本电脑上,解码速度很快。

如果仍有访问者使用无法显示 AVIF 的浏览器,可以用 picture 元素同时提供两种格式,AVIF 优先,WebP 作为备用,这样就不会出现无法显示的图片。如果编辑器或上传表单不支持读取 AVIF,需要反向转换时,请使用 AVIF转WebP。这篇 AVIF、HEIC 和 WebP 指南更深入地解释了这三种新格式的区别。

WebP转AVIF:常见问题

每张图片都值得从WebP转成AVIF吗?

不是。照片和大尺寸头图收益最大,同样的观感下文件通常明显更小。小图标、截图和纯色图形转换后可能只小一点,甚至更大,所以请逐个检查结果,保留体积更小的那个文件。

为什么AVIF质量60看起来和WebP质量80一样好?

两种格式的质量刻度没有可比性。AVIF 编码器在较低的数值下就能达到相同的视觉效果,因此照片使用 50–65 是正常范围。请以肉眼观感和文件大小为准,不要在不同格式之间比较数字。

重新编码有损WebP会让画质变差吗?

每次有损压缩都会损失一点细节,AVIF 倾向于把细腻的纹理抹平,而不是产生方块。如果手头还有原始的 JPG 或 PNG,请从原图开始转换;只有 WebP 是你拥有的最佳版本时,才转换 WebP。

WebP转AVIF时应该勾选无损吗?

只有当 WebP 本身就是无损的,并且必须保持像素级一致时才需要,例如界面图形。无损 AVIF 往往比无损 WebP 更大,所以这类文件继续使用 WebP 通常更合适。

WordPress能使用这里生成的AVIF文件吗?

WordPress 从 2024 年 4 月发布的 6.5 版本起支持上传 AVIF,前提是服务器的图像库支持 AVIF。较旧的安装版本或不支持的主机会拒绝上传,这种情况下请保留 WebP。

WebP标志图的透明背景会怎样?

AVIF 拥有完整的 Alpha 通道,透明区域会保持透明。由于 Alpha 与颜色分开存储,边缘也能保留柔和的抗锯齿效果。