分享笔记:

WordPress AVIF格式图片

最新压缩图片格式

文章目录

WordPress前不久刚刚更新的 6.5 版本终于支持AVIF格式图片的上传和转换了!!!目前市面上最优质的图片压缩格式,比先前我们在用的WEBP格式图片更优越。

在6.5版本之前,我们想要用AVIF格式图片是需要使用第三方插件转换的,现在我们可以直接上传AVIF图片到WordPress上。

avif图片

AVIF图片有必要嘛?

当然有必要。尤其是你不是很懂网站优化等一系列问题。想要更加了解这方面,你可以看看WordPress网站图片分辨率设置

AVIF是一种现代图片格式,相比于之前的JPEG、PNG甚至WebP格式,在图像质量和压缩方面都有显著的改进。AVIF格式的图像可以比JPEG小高达50%,同时保持相同的图像质量。此外,AVIF格式的图像还支持更广泛的色彩范围(包括HDR),并且在细节丰富的区域比JPEG更清晰。

jpeg对比avif
图片来源 lifewire

AVIF 图片比 WEBP 图片小,比 JPEG 图片小更多,因此页面加载速度更快,传输所需的带宽也更少。AVIF 图片可以适应任何设备大小,并且可以使用 WordPress 默认的延迟加载功能。你可以通过这些方式上传或生成AVIF图片

而且大多数主流平台早就开始使用 AVIF 图片了,目前所有现代浏览器都支持它,所以你不用担心因为不匹配不显示图片的问题。

avif格式图片浏览器匹配

我们简单来对比一下,我从Unsplash下载了一张图片,原图上传到WordPress上大小是216kb

avif格式图片测试avif格式图片测试

上传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 插件就可以取消这个压缩了。

为笔记评分

平均评分 5 / 5. 摘星者: 1

有疑问?留个言吧!

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors