
超过10个用户中有9个正在使用能够显示 webp 图像的浏览器。然而,在大多数网站上,他们提供 jpeg 图像,对于给定的质量,这些图像通常是 webp 图像大小的两倍。真是浪费了带宽!创建此插件是为了帮助纠正这种情况。
只需稍加努力,WordPress 管理员就可以让他们的网站向支持它的浏览器提供自动生成的 webp 图像,同时仍然向不支持 webp 的浏览器提供 jpeg 和 png 文件。
WebP 图像转换器
WebP Express 插件使用 WebP 转换库将图像转换为 webp。WebP Convert 能够使用多种方法转换图像。有“本地”转换方法:imagick、cwebp、vips、gd。如果这些都在您的主机上不起作用,有云替代方案:ewww(付费)或连接到 WordPress 网站,您在其中安装了 WebP Express 并启用了“网络服务”功能。

“向支持它的浏览器提供webp”部分。
该插件支持将 webps 交付给支持它的浏览器的不同方式:
- 通过将 jpeg/png 图像路由到相应的 webp - 或者如果图像尚未转换,则路由到图像转换器。
- 通过更改 HTML,用图片标签替换图像标签。丢失的 webps 在访问时自动生成。
- 通过更改 HTML,替换图像 URL,使所有指向 webp。仅针对支持 webp 的浏览器进行替换。再次,丢失的 webps 在访问时自动生成。
- 结合 Cache Enabler 插件,可以实现与上述相同的效果,但使用页面缓存。
- 您还可以向所有浏览器提供 webp,并添加 webpjs javascript,它为本机不支持 webp 的浏览器提供 webp 支持。然而,请注意,javascript 不支持 srcset 属性,这就是为什么我(尚未)将该方法添加到插件中。
WebP Express 插件实现了这里描述的“WebP 按需”解决方案,并建立在一堆开源库之上(全部由我维护):
- WebP Convert: 用于将图像转换为webp
- WebP Convert Cloud Service: 对于网络服务功能
- DOM Util for WebP: 对于改变HTML 功能
- Image MimeType Guesser: 用于检测图像的 Mime 类型。
- HTAccess Capability Tester: 使用实时测试,在给定目录中测试 .htaccess 功能
- WebP Convert File Manager: 用于浏览转换和触发转换。
- Exec With Fallback: 用于在禁用的系统上模拟 exec()(使用proc_open()、passthru()或类似的替代方案)。
使用 WebP 的好处
- 在支持 webp 的浏览器中,图像的加载时间要快得多。转换后的图像通常小于 jpeg 的一半大小,同时保持相同的质量。请记住,对于大多数网站来说,图像占了大部分等待时间。
- 更好的用户体验(无论性能从糟糕到糟糕,还是从好到令人印象深刻,都是一种好处)。
- 在谷歌搜索中更好的排名(谷歌考虑了性能)。
- 更少的带宽消耗——在世界互联网缓慢且成本高昂的地区(你知道,约 80% 的世界人口生活在这些情况下)有很大的不同。
- 目前,大约97%的流量是使用支持 webp 的浏览器完成的。
- 这对环境也很棒!减少网络流量减少了电力消耗,从而减少了二氧化碳的排放。