WordPress 6.5 性能提升,将支持 AVIF 格式图片

2024-02-2811:51:42网站建设与开发Comments274 views字数 1594阅读模式

WordPress 6.5 将支持 AVIF 格式的wordpress,AVIF(AV1 Image File Format)是一种利用开源视频编码格式 AV1 的高效压缩技术来编码图像的文件格式,相比于 JPEG、PNG 甚至 WebP 等早期格式,在图像质量和压缩方面都有了显著的提升。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

在同时保持相同的图像质量的情况下,AVIF 格式的wordpress比 JPEG 格式最多小 50%,还支持广泛的颜色范围,能够显示更丰富的颜色和更高的对比度(包括 HDR),生成的wordpress更加清晰,细节更加丰富。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

WordPress 6.5 性能提升,将支持 AVIF 格式图片

从 WordPress 版本 6.5 开始,只要服务器支持,就可以就像使用 JPEG 或 PNG 格式wordpress一样在 WordPress 中上传和使用 AVIF 格式的wordpress,切换到 AVIF 格式将显著提升网站的性能和访问体验。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

使用 AVIF 有什么好处

同样内容的wordpress,AVIF 格式要比 JPEG 格式小得多,因此页面加载得更快,传输占用的带宽更少。此外 AVIF wordpress依旧享有 WordPress 默认支持的响应式图像、获取优先级和延迟加载等所有的优点。最后,目前所有的主要浏览器都已支持AVIF,因此现在已经完全可以使用 AVIF 格式的wordpress。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

WordPress 6.5 性能提升,将支持 AVIF 格式图片

如何创建 AVIF wordpress

现在许多wordpress编辑工具都支持导出为 AVIF 格式,也可以使用命令行转换工具或基于 Web 的开源工具,如 Squoosh 来生成,一旦将wordpress保存为 AVIF 格式,就可以将它们上传到 WordPress,然后像使用任何其他格式的wordpress一样使用,WordPress 6.5 也可以自动将上传的wordpress转换为 AVIF 格式。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

在 WordPress 中使用 AVIF

在 WordPress 中,AVIF wordpress使用方式与其他格式相同,但有几点需要注意下:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

AVIF 格式是否能在 WordPress 中使用取决于服务器的wordpress处理库是否支持(WordPress 内置了对 Imagick 和 LibGD 这两个图像处理库的支持)。简单可以通过后台的「工具」菜单下的「站点健康」页面中,点击「信息」标签并展开「媒体处理」部分,并在支持的格式列表中寻找“AVIF”,如果列表中包含 AVIF,那么说明你的网站支持上传和使用 AVIF 图像。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

由于不是所有的浏览器都支持 AVIF 图像,如果你的用户群体中有很多使用不支持 AVIF 的浏览器,那么你可以选择不使用 AVIF 图像,或者通过引入 polyfill 来为老旧浏览器提供对 AVIF 图像的支持。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

在 WordPress 中自定义 AVIF

如何调整生成的 AVIF wordpress的压缩级别?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

通过 wp_editor_set_quality filter:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

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

如何输出无损的 AVIF wordpress?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

使用 100 的压缩级别就是输出无损的 AVIF wordpress。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

如何在上传 JPEG wordpress时同时创建 AVIF wordpress?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

使用image_editor_output_format过滤器来指定这种类型的上传转换:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

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

WPJAM Basic 将在接下来的版本中在 CDN 加速功能中实现 AVIF 格式wordpress。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

来源: WordPress果酱文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61480.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/cms/61480.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定