给你的wordpress换上webp图片阿里云对象存储版
一、前言
WebP 是一种图像文件格式，由 Google 开发。它旨在提供更高的图像压缩率和更好的图像质量，以改善网页加载速度和用户体验。
WebP 使用了先进的压缩算法，可以在相同的图像质量下比传统的 JPEG 和 PNG 格式更小，从而减少图像文件的大小。这意味着在使用 WebP 格式的图像时，网页可以更快地加载，节省带宽和提高用户访问速度。
WebP 支持有损压缩和无损压缩两种模式。有损压缩模式适用于对图像进行更高程度的压缩，以减小文件大小，但会引入一定程度的图像质量损失。无损压缩模式则保留了图像的原始质量，但文件大小通常比有损压缩模式稍大。
WebP 图像可以在现代的 Web 浏览器中直接显示，如 Chrome、Firefox、Edge 等。对于不支持 WebP 格式的浏览器，可以通过使用 <picture> 元素和 <source> 标签提供备用的图像格式，以确保在不同的浏览器上都能正常显示图像。
总的来说，WebP 是一种优化的图像格式，可以帮助提升网页性能和用户体验，特别是在图像密集的网页中。 –此段内容由ChatGPT自动生成。
而阿里云的对象存储OSS 图片处理功能，仅图片处理（ProcessImgSize）支持使用10 TB/月的免费额度（即每月图片处理量≤10 TB时，不收取图片处理费用）。
因此，我们要好好利用起来，提升网页加载速度、减少对象存储流量费有很大帮助。
二、环境配置
Wordpress版本：6.2.2
WP插件版本：OSS Aliyun 1.4.1
三、使用方法
阿里云OSS的设置
3-1、进入你的阿里云OSS的存储桶（Bucket）。
3-2、找到 「数据处理」 下面的 「图片处理」。
3-3、「创建样式」，以样式名称2webp为例
此处介绍利用阿里云OSS 进行 url 图片样式处理转换成 webp 格式，其他图片格式原理一样。
3-4、图片处理域名规则
默认规则：域名/sample.jpg?x-oss-process=style/stylename
此处的 stylename 就是你步骤3的样式名称，本教程只需要 ?x-oss-process=style/stylename 这句。
举例：?x-oss-process=style/2webp
Wordpress 的设置
3-5、启用并且完成 OSS Aliyun 插件的设置，有关基本设置，请参阅 OSS Aliyun 插件文档。
3-6、找到 「图片处理」 ，输入刚才「步骤3-4」 的规则。
3-7、保存更改。
测试上传的图片
随便新增一个文章，上传一张图片，预览这篇文章，查看图片地址是否变成：
https://<Bucket url>图片名称.jpg?x-oss-process=style/2webp
至此，本教程结束。
最后，非常感谢 沈唁 的 Wordpress 插件，集成很多功能，让新手也能体验对象存储带来的强大功能。
如果觉得本文不错，请帮忙分享给有需要的人，原创写作不易，分享时候顺带一提本站。
