跳到主要内容
PulsarKit

图片转AVIF

把JPG、PNG、WebP、GIF、BMP和HEIC重新编码为AVIF。在广泛支持的网页格式里,AVIF文件最小,透明度原样保留。

把文件拖到这里

.jpg, .jpeg, .png, .gif, .bmp, .webp, .heic · 最大100 MB

如何转换为AVIF

  1. 1

    拖入图片

    一次最多50个文件。每个文件的格式按开头的字节判断,所以扩展名不对的文件也会交给正确的解码器。

  2. 2

    选择质量和速度

    默认质量是60,它更接近JPEG的85而不是JPEG的60,因为AVIF的质量刻度和你熟悉的那套对不上。速度在编码时间和文件大小之间取舍。

  3. 3

    下载AVIF文件

    一张图片单独返回,多张图片打包成pulsarkit-avif.zip,结果旁边显示总共节省了多少。

AVIF小得多,也慢得多

AVIF使用AV1视频编码格式的帧内压缩,比JPEG的压缩复杂得多,也明显优于WebP。对普通照片来说,在肉眼分不出差别的质量下,文件比WebP小30%到50%。代价是处理器时间:编码一张600万像素的照片要几秒,而不是几毫秒;一张1亿像素的照片可能要将近一分钟。所以这里一批最多50个文件,而不是其他转换器允许的100个;进度条也会直说这一步要花一段时间,而不是看上去像卡住了。速度设置就是调节这种取舍的旋钮:0搜索得最彻底,文件最小;10几乎立刻完成,文件大15%到20%;6是折中值,大多数人保持不动即可。

哪里省得多,哪里省得少

能省多少,完全取决于原图本来是什么样。相机或设计工具用高JPEG质量保存的照片,文件大、余量多,体积减少70%或更多是常事。发布者已经狠狠压缩过的图库照片,剩下的空间就小得多,减少25%到30%是现实的结果。这不是编码器的毛病:任何一个文件里的冗余都是有限的。如果结果比原图还大,已经压得很紧、质量在90以上的JPEG就可能这样,文件仍然会交给你,页面也会说明这一点,而不是悄悄换成和你选的不一样的设置。

透明度、色彩细节和元数据

AVIF保留alpha通道,所以抠好图的PNG转换后依然是抠好的图。如果透明度是硬边蒙版,也就是像大多数标志和抠图那样,每个像素要么完全不透明、要么完全透明,alpha质量会自动调到最高,因为对二值蒙版做有损压缩,会在每条边缘上产生明显的光晕。色彩细节有单独的设置:4:2:0以一半分辨率保存色彩,适合照片;4:4:4完整保存色彩,对截图、图表和带细小彩色文字的图片来说,多花的字节是值得的。EXIF元数据默认去掉,打开一个开关就能保留;EXIF里记录的旋转方向总会先应用到像素上,所以不管元数据是否保留,图片都是正的。

编码在你的设备上完成

AV1编码器以WebAssembly的形式在你的浏览器标签页里运行。图片从磁盘读入内存,在内存里编码,然后作为下载交还给你。不上传任何内容,别人的机器上也没有处理队列,关闭标签页就会丢弃一切。这也解释了编码时间:干活的是你的处理器,而不是一排服务器。

常见问题

AVIF比WebP小多少?

照片通常小30%到50%,质量上看不出区别。扁平图形和截图的差距会缩小,因为WebP的无损模式在这类图片上已经很高效。要知道你自己的图片能省多少,唯一可靠的办法是转换几张对比一下。

为什么编码这么慢?

因为AVIF基于AV1,这是一种视频编码格式,它要搜索的可能编码方式比JPEG多得多。正是这种搜索换来了更小的文件。调高速度会缩短搜索:速度10只需一小部分时间,文件大约大15%到20%。

速度设置到底改变了什么?

改变的是编码器寻找紧凑编码的努力程度,而不是图片质量目标,质量是单独设置的。速度0最彻底、最慢,速度10最快、效率最低,6在中间。画质大致不变,变化的只有文件大小和时间。

浏览器支持AVIF吗?

支持。Chrome、Edge、Firefox、Opera以及Safari 16.4和更新版本都能解码,覆盖了绝大多数访问者。如果还要照顾非常旧的浏览器,就用AVIF加WebP或JPEG备用图的方式提供,而不是直接替换掉原有图片。

能保留透明背景吗?

能。AVIF支持alpha通道,所以PNG抠图和标志都会保留透明度。如果透明度是非开即关的硬边蒙版,alpha质量会自动强制调到最高,边缘不会出现毛边。

4:4:4色度采样有什么用?

它以完整分辨率保存色彩,而不是减半。照片几乎用不到它,因为人眼不太分辨得出细微的色彩细节;但截图、图表和彩色文字用了它会明显更清楚。文件会更大,所以默认是4:2:0。

一次能转换多少张图片?

最多50个文件,每个100 MB,合计500 MB,全部使用同一套设置。这个上限是轻量转换器的一半,因为AV1编码很重;在一台普通笔记本电脑上排一百张大照片,意味着要等好几分钟。

文件会上传到服务器吗?

不会。解码和编码都通过WebAssembly在你的浏览器中运行。图片从头到尾都留在你的设备上,关闭标签页后,任何地方都不会留下什么。

指南

相关工具