图片转AVIF
把JPG、PNG、WebP、GIF、BMP和HEIC重新编码为AVIF。在广泛支持的网页格式里,AVIF文件最小,透明度原样保留。
把文件拖到这里
.jpg, .jpeg, .png, .gif, .bmp, .webp, .heic · 最大100 MB
如何转换为AVIF
- 1
拖入图片
一次最多50个文件。每个文件的格式按开头的字节判断,所以扩展名不对的文件也会交给正确的解码器。
- 2
选择质量和速度
默认质量是60,它更接近JPEG的85而不是JPEG的60,因为AVIF的质量刻度和你熟悉的那套对不上。速度在编码时间和文件大小之间取舍。
- 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在你的浏览器中运行。图片从头到尾都留在你的设备上,关闭标签页后,任何地方都不会留下什么。