WordPress前不久刚刚更新的 6.5 版本终于支持AVIF格式图片的上传和转换了!!!目前市面上最优质的图片压缩格式,比先前我们在用的WEBP格式图片更优越。
在6.5版本之前,我们想要用AVIF格式图片是需要使用第三方插件转换的,现在我们可以直接上传AVIF图片到WordPress上。
AVIF图片有必要嘛?
当然有必要。尤其是你不是很懂网站优化等一系列问题。想要更加了解这方面,你可以看看WordPress网站图片分辨率设置
AVIF是一种现代图片格式,相比于之前的JPEG、PNG甚至WebP格式,在图像质量和压缩方面都有显著的改进。AVIF格式的图像可以比JPEG小高达50%,同时保持相同的图像质量。此外,AVIF格式的图像还支持更广泛的色彩范围(包括HDR),并且在细节丰富的区域比JPEG更清晰。
AVIF 图片比 WEBP 图片小,比 JPEG 图片小更多,因此页面加载速度更快,传输所需的带宽也更少。AVIF 图片可以适应任何设备大小,并且可以使用 WordPress 默认的延迟加载功能。你可以通过这些方式上传或生成AVIF图片。
而且大多数主流平台早就开始使用 AVIF 图片了,目前所有现代浏览器都支持它,所以你不用担心因为不匹配不显示图片的问题。
我们简单来对比一下,我从Unsplash下载了一张图片,原图上传到WordPress上大小是216kb
转换成WEBP格式是 99 kb
上传avif的格式大小是79kb,图片质量完全没变化。我通常都是用Squoosh这个网站生成avif图片,WordPress也有些插件可以帮你生成。
使用AVIF图片的要求
上传图片没有生成额外图片尺寸我们的网站使用AVIF图片的要求很简单,不过它要求的并不是你的网站,而是你的服务器,托管商或虚拟主机,网站需要和 Imagick 或 LibGD 匹配的,现在市面上大多数知名度都是匹配并且自动开启的,然后你只需要把WordPress升级到 6.5 版本就可以了。
WordPress对AVIF图片的压缩
上传到WordPress上的AVIF图片和JPG图片一样,都会自带一点点的小压缩,它会自动把AVIF图片压缩到75%
/* 取消上传AVIF图片的自带压缩 */
function filter_avif_quality( $quality, $mime_type ) {
if ( 'image/avif' === $mime_type ) {
return 100;
}
return $quality;
}
add_filter( 'wp_editor_set_quality', 'filter_avif_quality', 10, 2 );
你把上面这个代码复制到你主题的 function.php 或者用 Code snippets 插件就可以取消这个压缩了。