前言
如果你是一名合格的站长,那么你一定知道并且了解过 WebP 格式。
WebP 是由谷歌开发的一种图片格式,它在压缩率上比 JPEG 格式更优越,同时提供了有损压缩与无损压缩的形式,在质量相同的情况下,WebP 格式图像的体积要比 JPEG 格式图像小 40%。
换句话说,WebP 格式大幅加快了图片的加载速度,并且能节省大量的服务器宽带资源和数据空间,对于有大量图片资源的网站来说,WebP 无疑是首选的图片格式。
今天给大家带来一款优秀的图片压缩插件 WP Smush Pro,它能将本地图片快速压缩,并且能为本地环境上的图片在前端提供 WebP 的访问形式。
作为目前最受欢迎的图片压缩插件,Smush Pro 能压缩你需要压缩的所有图像并大幅减小其体积,以保证图片的快速加载,并且在压缩过程中可以自行选择无损或有损的图像压缩。
它还支持将你的本地图片转换为 WebP 格式并展现给前端用户,并且拥有目前最细致的图片延迟加载功能,帮助你达到最极致的网页加载速度。
Smush 也具有免费版本,但 Pro 版本可以提高 200% 的压缩速度,并且采用了更好的压缩方式,并且,免费版本不支持本地 WebP。
使用
Smush Pro 的压缩效果如下,压缩比例高达 47%。
![图片[1] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/3242b16812194056.png?mageSlim)
我们将一项一项的介绍 Smush 的核心功能,为你解决使用过程中的疑难杂症:
图片压缩
我们如果只需要压缩单张或几张图片,可以在媒体库找到对应的文件进行压缩,如果需要批量处理更多图片,就需要在插件设置的 Bulk Smush(批量处理)中了。
也可以对单张图片进行忽视,这样在批量处理的时候就不会压缩该图片:
![图片[2] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/5a26319d30205341.png?mageSlim)
有人问媒体库分类插件,这里再标注一下,有需要可以移步:

再来讲讲常规的批量压缩,Smush 的所有压缩设置都在 Bulk Smush(批量处理),我们按照软件中的设置顺序来一一讲解。
首先是
![图片[3] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/25518d5e7d203358.png?mageSlim)
如果你在安装时没有勾选它,那么你需要手动在插件设置的批量处理打开下面的设置项:
![图片[4] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/36eb02bd0b203357.png?mageSlim)
以下图为例,它在上传时就已经被自动压缩了,你可以在附件详情查看这张图的压缩情况:
![图片[5] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/eff544d70d203354.png?mageSlim)
![图片[6] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/26e6ef3bcb203424.png?mageSlim)
我们知道,每张图片都含有它们在制作或拍摄出来时的
![图片[7] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/0cdb04160e203426.png?mageSlim)
![图片[8] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/96440c4b2b203618.png?mageSlim)
上面的选项用于更改最大限制尺寸,超过你设置的这个尺寸将会自动按比例缩小尺寸,下面的选项则是直接取消最大限制。
刚刚说过,WP 会在上传图片时自动生成略缩图,默认情况下,前端展示的图片是不会以全尺寸的形式展现的,基本都是以略缩图,但如果你需要它展示原图,就需要开启
而
这两项要么同时开启,要么都不开启,因为如果你不压缩原始图像,自然也没必要多备一份来占用服务器空间。
![图片[9] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/a966cc00d0203559.png?mageSlim)
![图片[10] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/03b787eb4b203601.png?mageSlim)
![图片[11] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/9c075cd9ab203604.png?mageSlim)
![图片[12] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/16050ac1bb203605.png?mageSlim)
本地 WebP
在使用这项功能前,我们想要确保环境支持,首先,本地 WebP 需要我们的服务器支持 GD 库调用,以确保图片的格式转换正常,一般宝塔环境都自带 GD 库。
完成设置后,按引导页面选择你自己的系统完成调试即可,Apache 可以一键安装,Nginx 需要手动将提供的内容
这里有一个问题,之前推荐大家子比应该使用 PHP 7.2 或 7.3,但经过我的测试,7.2 版本因为 GD 库的原因不支持使用 Smush Pro,因此我们应该使用 7.3 来支持本地 WebP 的正常使用。
或者,你可以通过安装下面这个 PHP 扩展来取代 GD 库并加快本地 WebP 和压缩的处理速度,尤其是你想处理大批量的图片时:
![图片[13] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/7acd4ba7ea201909.png?mageSlim)
如果你想对开启 WebP 之前的图片进行本地 WebP 化,直接对所有图片进行批量压缩处理即可:
![图片[14] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/9ef57727da205316-1024x383.png?mageSlim)
完成配置后,上传一张图片并通过 Smush 压缩来查看本地 WebP 是否生效,以下图为例:
![图片[15] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/30d484a044205317-1024x544.png?mageSlim)
可以看到,虽然图片文件扩展名依然是.jpg或.png,但图片类型已经变成了 Webp。
你也通过可以检查图片的文件头中是否含有content-type: image/webp
标记来判断:
![图片[16] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/f028729838205319.png?mageSlim)
目录压缩
目录压缩可以对本地任意一个非媒体库的目录中的图片进行压缩,但不能压缩 WP 核心目录 wp-admin 和 wp-includes 。
例如,我们可以压缩子比主题内的静态图片文件目录:wp-content/themes/zibll/img
![图片[17] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/10aba258a0205321.png?mageSlim)
延迟加载
子比本身自带延迟加载功能,但并不是针对所有图片,之前在推荐 WP-Rocket 的时候也有类似功能, 但 Smush Pro 的延迟加载功能更加细致:
我们可以根据图片的格式、位置、指定页面、图片类/名称来选择性使用图片延迟加载功能:
![图片[18] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/265ba03ca7205322.png?mageSlim)
![图片[19] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/3861ad172c205324.png?mageSlim)
还可以自由调节图片懒加载的加载方式:
![图片[20] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/0916cd66eb205325.png?mageSlim)
可以选择不同的加载图标(支持自定义):
![图片[21] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/89b91c9723205355.png?mageSlim)
可以选择不同的占位图片(支持自定义):
![图片[22] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/8edc0423db205353.png?mageSlim)
也可以不使用任何动画,直接显示。
![图片[23] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生](https://img.syys.cafe/uploads/7e3906bc50205352.png?mageSlim)
还有一些其他高级的功能,这里唯一不好理解的可能是
禁用这个标签可以提高加载速度,但会导致一些老旧的浏览器无法使用懒加载。
附言
汉化包放到网站目录下的/wordpress/wp-content/languages/plugins
处。
资源收集于互联网,不保证完全可用。该资源仅供学习参考,请于下载后24小时内删除。
如侵犯到您的合法权益,请速联系作者删除侵权资源,请在下载前阅读本站【免责声明】。
该插件属于 GPL 授权,无任何危险, WordPress 官网也有关于 GPL 的说明,安全合法。简单的说采用 GPL 协议的插件源代码开源共享,可以被合法地自由更改、使用、分发。
本站所有文章版权遵从岁有余生免责条款,请自行查阅。
暂无评论内容