WordPress 6.5将支持AVIF格式的图片

WordPress 6.5将支持AVIF格式的图片，AVIF（AV1 Image File Format）是一种利用开源视频编码格式AV1的高效压缩技术来编码图像的文件格式，相比于JPEG、PNG甚至WebP等早期格式，在图像质量和压缩方面都有了显著的提升。在同时保持相同的图像质量的情况下，AVIF格式的图片比JPEG格式最多小50%，还支持广泛的颜色范围，能够显示更丰富的颜色和更高的对比度（包括HDR），生成的图片更加清晰，细节更加丰富。

从WordPress版本6.5开始，只要服务器支持，就可以就像使用JPEG或PNG格式图片一样在WordPress中上传和使用AVIF格式的图片，切换到AVIF格式将显著提升网站的性能和访问体验。

使用AVIF有什么好处

同样内容的图片，AVIF格式要比JPEG格式小得多，因此页面加载得更快，传输占用的带宽更少。此外AVIF图片依旧享有WordPress默认支持的响应式图像、获取优先级和延迟加载等所有的优点。最后，目前所有的主要浏览器都已支持AVIF，因此现在已经完全可以使用AVIF格式的图片。

如何创建AVIF图片

现在许多图片编辑工具都支持导出为AVIF格式，也可以使用命令行转换工具或基于Web的开源工具，如Squoosh来生成，一旦将图片保存为AVIF格式，就可以将它们上传到WordPress，然后像使用任何其他格式的图片一样使用，WordPress 6.5也可以自动将上传的图片转换为AVIF格式。

在WordPress中使用AVIF

在WordPress中，AVIF图片使用方式与其他格式相同，但有几点需要注意下：

AVIF格式是否能在WordPress中使用取决于服务器的图片处理库是否支持（WordPress内置了对Imagick和LibGD这两个图像处理库的支持）。简单可以通过后台的「工具」菜单下的「站点健康」页面中，点击「信息」标签并展开「媒体处理」部分，并在支持的格式列表中寻找“AVIF”，如果列表中包含AVIF，那么说明你的网站支持上传和使用AVIF图像。

由于不是所有的浏览器都支持AVIF图像，如果你的用户群体中有很多使用不支持AVIF的浏览器，那么你可以选择不使用AVIF图像，或者通过引入polyfill来为老旧浏览器提供对AVIF图像的支持。

在WordPress中自定义AVIF

如何调整生成的AVIF图片的压缩级别？

通过 wp_editor_set_quality filter：

// 将AVIF图片的压缩级别调整为75
add_filter( 'wp_editor_set_quality', function( $quality, $mime_type ) {
	if ( 'image/avif' === $mime_type ) {
		return 75;
	}
	return $quality;
}, 10, 2 );

如何输出无损的AVIF图片？

使用100的压缩级别就是输出无损的AVIF图片。

如何在上传JPEG图片时同时创建AVIF图片？

使用image_editor_output_format过滤器来指定这种类型的上传转换：

add_filter( 'image_editor_output_format', function( $formats ) {
	$formats['image/jpg'] = 'image/avif';
	return $formats;
} );