WebP 是一种现代图像格式,可为网络上的图像提供改进的无损和有损压缩。WebP 图像比它们的 JPEG 或 PNG 等效图像平均小 30% 左右,从而使网站速度更快,使用的带宽更少。 根据 caniuse,所有现代浏览器都支持 WebP。
从 WordPress 5.8 版开始,您可以像今天使用 JPEG 或 PNG 图像一样在 WordPress 中上传和使用 WebP 图像(只要您的托管服务支持 WebP)。 将图像切换为 WebP 格式将提高您网站的性能和网站访问者的体验。
因为之前上传图片记得是不支持 WebP 的,今天发现可以直接上传 WebP 图片了,在此记录一下。
WordPress 支持 WebP 说明
WebP 如何帮助您
WebP 图像明显小于其 JPEG 等效图像,因此您网站的访问者会看到整个页面加载得更快。较小的图像需要较少的带宽来传输,并且默认情况下您的图像仍然可以获得 srcset
和延迟加载的所有响应优势。最后,所有主要浏览器都支持 WebP,因此大多数网站今天就可以开始使用它们。
创建 WebP 图像
图像编辑工具支持在 WebP 中导出,或者您也可以使用命令行转换工具或基于 Web 的工具,例如 Squoosh。将图像保存为 WebP 后,将它们上传到 WordPress 并像使用任何其他图像一样使用它们。
使用 WebP 图像
WebP 图像与 WordPress 中的任何其他图像一样工作,但有一些小警告。
WebP 图像支持有损和无损压缩,以及动画格式并支持透明图像。在 WordPress 中,仅当托管服务器使用 Imagick(PHP 库)时才支持无损 WebP 格式,直到 LibGD 添加支持。此外,调整大小的图像尚不支持动画和 Alpha 格式(以这些格式上传时会创建有损图像)。
媒体库中的 WebP 支持要求您的 Web 服务器的图像处理库(WordPress 支持 Imagick 和 LibGD)支持 WebP 格式。幸运的是,这些库已经支持 WebP 很长一段时间了,因此支持是广泛可用的。如果您的网络服务器不支持 WebP,您将在尝试上传 WebP 图像时看到错误消息。
如果您的受众包括大量使用不受支持的浏览器(例如 IE11)的用户,请避免使用 WebP 图像,或将浏览器 polyfill 加入队列。
对未来的计划
媒体组件团队还在探索让 WordPress 对上传的图像执行图像格式转换的选项——使用 WebP 作为小尺寸图像的默认输出格式。您可以在跟踪单上跟踪进度并测试此功能。我们还密切关注更现代的格式,如 AVIF 和 JPEGXL,它们将提高压缩率并进一步减少压缩所需的资源。
参考:https://make.wordpress.org/core/2021/06/07/wordpress-5-8-adds-webp-support/
WordPress 建站 VPS 推荐
方案 | 内存 | CPU | 硬盘 | 流量/月 | 带宽 | 机房 | 价格 | 购买 |
---|---|---|---|---|---|---|---|---|
CN2 (最便宜) |
1GB | 1核 | 20GB | 1TB | 1Gbps | DC3 CN2 DC8 ZNET |
$49.99/年 | 购买 |
CN2 | 2GB | 1核 | 40GB | 2TB | 1Gbps | $52.99/半年 $99.99/年 |
购买 | |
CN2 GIA-E (最推荐) |
1GB | 2核 | 20GB | 1TB | 2.5Gbps | DC6 CN2 GIA-E DC9 CN2 GIA 日本软银 JPOS_1 联通荷兰 EUNL_9 |
$49.99/季度 $169.99/年 |
购买 |
CN2 GIA-E | 2GB | 3核 | 40GB | 2TB | 2.5Gbps | $89.99/季度 $299.99/年 |
购买 | |
HK | 2GB | 2核 | 40GB | 0.5TB | 1Gbps | 香港 CN2 GIA | $89.99/月 $899.99/年 |
购买 |
HK | 4GB | 4核 | 80GB | 1TB | 1Gbps | $155.99/月 $1559.99/年 |
购买 |