在WordPress上使用WebP图像格式提升网站性能:详细指南

什么是WebP?

图片[1]-在WordPress上使用WebP图像格式提升网站性能:详细指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

WebP是由Google创建的一种现代图像格式,支持对网络上的图像(包括WordPress)进行卓越的无损和有损压缩。这种格式减少了图像的文件大小,从而在向用户呈现图像时下载速度更快,数据消耗更少。

WebP具有自己的文件扩展名,如“your-file-name.WebP”。此外,WebP支持透明(alpha)背景和动画功能,类似于GIF格式。

为什么在WordPress上选择WebP格式

WebP格式是一种高效的图像压缩方式,能够在不影响图像质量的情况下显著减少文件大小。在WordPress上使用WebP格式,图像的视觉质量不会改变,但文件大小会大幅减少。因此,使用WebP可以加快网站加载速度,提升用户体验。

将图像转换为WebP格式也是PageSpeed Insights上的Lighthouse性能报告中的一项建议。

WebP、JPEG、PNG文件大小对比

图片[2]-在WordPress上使用WebP图像格式提升网站性能:详细指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

WebP与JPEG
一般将JPEG图像转换为WebP格式后,原始文件大小减少了70%,而且两张图片在视觉上几乎没有差别。Google发现WebP文件的平均大小比JPEG文件小25%-34%

WebP与PNG
同样,WebP无损图像比PNG图像小约26%。实测通过将PNG图像转换为WebP,文件大小减少了96%

WebP图像如何在WordPress上工作

从WordPress 5.8版本开始,用户可以像使用JPEG、PNG或GIF格式一样使用WebP图像。WordPress支持WebP图像格式,无需进行特殊设置即可正确渲染。

如何在WordPress中上传WebP图片

要在WordPress中上传WebP图像:

  • 进入WordPress仪表板。
  • 选择“媒体”>“添加文件”。
图片[3]-在WordPress上使用WebP图像格式提升网站性能:详细指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
  • 上传新的WebP图像。也可以将它们直接拖放到媒体库中。
图片[4]-在WordPress上使用WebP图像格式提升网站性能:详细指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如何检查WebP是否在我的WordPress网站上运行

  • 要检查WebP图像是否在前端正确运行,可以将WebP图像添加到页面并使用Chrome开发者工具检查元素。另一种方法是将图像保存在你的计算机上,右键单击图像并选择“将图像另存为”,下载的图像应具有WebP扩展名。

可以使用WebP吗?

可以在下一个WordPress开发项目中使用WebP格式。使用这种现代格式提供图像将提高网站性能,避免包含不必要的大图像的沉重页面。

哪些Web浏览器支持WebP图像?

图片[5]-在WordPress上使用WebP图像格式提升网站性能:详细指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

所有主要的网络浏览器(如Chrome、Edge、Safari、Firefox和Opera)现在都支持WebP图像,并且能够正确呈现这些图像。在移动设备上也是如此,除了旧版本的Safari和Android浏览器不支持WebP。

如何在WordPress中启用WebP?

虽然WordPress自动支持WebP格式,但不会将你上传的JPEG或PNG文件转换为WebP。有一些有用的工具和插件可以帮助你轻松地将文件转换为WebP格式。

如何在WordPress中使用WebP图像

WordPress不会自动将你的JPEG或PNG文件转换为WebP,但会在前端显示WebP图像并提供给用户。可以通过以下方法将文件转换为WebP格式

  1. 使用设计软件
图片[6]-在WordPress上使用WebP图像格式提升网站性能:详细指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

使用LightroomPhotoshopPhotopea等软件手动转换图像,然后将转换后的WebP图像上传到WordPress媒体库。

  1. 使用在线平台

利用在线工具将文件转换为WebP。例如:

Cloudconvert:将任何类型的图像文件在线转换为WebP。

Ezgif:另一个免费且快速的在线WebP到JPG转换器工具。

图片[7]-在WordPress上使用WebP图像格式提升网站性能:详细指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
  1. 使用WebP转换器WordPress插件

这是最简单的方法,可以直接从WordPress将所有现有图像“批量”转换为WebP。例如,Smush Pro插件。

结语

了解并使用WebP格式可以显著提高网站的性能和用户体验。无论是通过手动转换、在线工具还是插件,WordPress用户都有多种方式将图像转换为WebP格式。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容