图片本地 WebP 压缩插件[2023.03.14更新]

图片本地 WebP 压缩插件[2023.03.14更新]

图片本地 WebP 压缩插件 - 岁有余生
Smush Pro v3.12.6
今天给大家带来一款优秀的图片压缩插件,它能将本地图片快速压缩,并且能为本地环境上的图片在前端提供 WebP 的访问形式。作为目前最受欢迎的图片压缩插件,Smush Pro 能压缩你需要压缩的所有图像并大幅减小其体积,以保证图片的快速加载,并且在压缩过程中可以自行选择无损或有损的图像压缩。
生息币5
限时特惠
生息币129
立即购买
您当前未登录!建议登陆后购买,可保存购买订单。
独家专题
资源下载
原创文章
最新版本v3.12.6
文件大小4.31MB
汉化程度完全汉化
更新日期2023.03.04
付费资源
已售 5

前言

如果你是一名合格的站长,那么你一定知道并且了解过 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 - 岁有余生
压缩效果展示

我们将一项一项的介绍 Smush 的核心功能,为你解决使用过程中的疑难杂症:

图片压缩

我们如果只需要压缩单张或几张图片,可以在媒体库找到对应的文件进行压缩,如果需要批量处理更多图片,就需要在插件设置的 Bulk Smush(批量处理)中了。

也可以对单张图片进行忽视,这样在批量处理的时候就不会压缩该图片:

图片[2] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
压缩单张图片

有人问媒体库分类插件,这里再标注一下,有需要可以移步:

再来讲讲常规的批量压缩,Smush 的所有压缩设置都在 Bulk Smush(批量处理),我们按照软件中的设置顺序来一一讲解。

首先是图片尺寸,WordPress 会自动生成多种不同尺寸的略缩图,如果你没有禁用略缩图的生成,那么你就可以在这里自行选择需要压缩的图片,默认是所有尺寸全部都压缩:

图片[3] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
尺寸选择

自动压缩将会在你将图片上传到网站时,自动为你优化和压缩它们

如果你在安装时没有勾选它,那么你需要手动在插件设置的批量处理打开下面的设置项:

图片[4] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
自动压缩

以下图为例,它在上传时就已经被自动压缩了,你可以在附件详情查看这张图的压缩情况:

图片[5] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
压缩详情

超级压缩无需多言,是 Smush Pro 的专属功能,可以用更快的通道来压缩图片,并最大程度的保证图片的质量不受损:

图片[6] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
超级压缩

我们知道,每张图片都含有它们在制作或拍摄出来时的元数据,例如即焦距、日期、时间和位置、制作软件信息等,删除它们能有效的减小文件大小:

图片[7] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
元数据

图片大小调整是一项非常使用的功能,简单的说,WordPress 目前限制了最大尺寸的图片为 2048 * 2048,此处的两个选项可以突破这个限制:

图片[8] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
图片大小调整

上面的选项用于更改最大限制尺寸,超过你设置的这个尺寸将会自动按比例缩小尺寸,下面的选项则是直接取消最大限制。

刚刚说过,WP 会在上传图片时自动生成略缩图,默认情况下,前端展示的图片是不会以全尺寸的形式展现的,基本都是以略缩图,但如果你需要它展示原图,就需要开启压缩原始图像功能。

备份原始图像就是一颗后悔药,以防压缩出错。

这两项要么同时开启,要么都不开启,因为如果你不压缩原始图像,自然也没必要多备一份来占用服务器空间。

图片[9] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
原始图像

将 PNG 转换为 JPEG,在开启本地 WebP 功能后不建议开启,毕竟正常情况下 WebP 的体积比 JPEG 还要小,并且该功能对透明图无效:

图片[10] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
PNG 转 JPEG

邮件通知功能建议开启,以确保及时收到大批量压缩完成后的信息提示:

图片[11] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
邮件通知

批量恢复:究极后悔药,一键恢复所有被压缩图片的略缩图,发现压缩后的图片有问题时使用:

图片[12] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
批量恢复

本地 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 - 岁有余生
优化扩展

如果你想对开启 WebP 之前的图片进行本地 WebP 化,直接对所有图片进行批量压缩处理即可:

图片[14] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
批量压缩

完成配置后,上传一张图片并通过 Smush 压缩来查看本地 WebP 是否生效,以下图为例:

图片[15] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
转换成功

可以看到,虽然图片文件扩展名依然是.jpg或.png,但图片类型已经变成了 Webp。

你也通过可以检查图片的文件头中是否含有content-type: image/webp标记来判断:

图片[16] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
文件头

目录压缩

目录压缩可以对本地任意一个非媒体库的目录中的图片进行压缩,但不能压缩 WP 核心目录  wp-admin 和 wp-includes 。

例如,我们可以压缩子比主题内的静态图片文件目录:wp-content/themes/zibll/img

图片[17] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
主题静态目录

延迟加载

子比本身自带延迟加载功能,但并不是针对所有图片,之前在推荐 WP-Rocket 的时候也有类似功能, 但 Smush Pro 的延迟加载功能更加细致:

我们可以根据图片的格式、位置、指定页面、图片类/名称来选择性使用图片延迟加载功能:

图片[18] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
根据图片格式和输出位置
图片[19] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
根据指定类别、页面和类

还可以自由调节图片懒加载的加载方式:

图片[20] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
淡入

可以选择不同的加载图标(支持自定义):

图片[21] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
微调

可以选择不同的占位图片(支持自定义):

图片[22] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
占位符

也可以不使用任何动画,直接显示。

图片[23] - 图片本地 WebP 压缩插件 - WordPress - 岁有余生
其他功能

还有一些其他高级的功能,这里唯一不好理解的可能是禁用 Noscript,简单解释一下:Noscript 是一个相当古老的标签,早期的浏览器并不支持 JavaScript,为了帮助老旧的浏览器平滑地升级更替,于是引入了该标签在不支持JavaScript 的浏览器中显示替代的内容。

禁用这个标签可以提高加载速度,但会导致一些老旧的浏览器无法使用懒加载。

附言

汉化包放到网站目录下的/wordpress/wp-content/languages/plugins处。

资源收集于互联网,不保证完全可用。该资源仅供学习参考,请于下载后24小时内删除。

如侵犯到您的合法权益,请速联系作者删除侵权资源,请在下载前阅读本站【免责声明】

该插件属于 GPL 授权,无任何危险, WordPress 官网也有关于 GPL 的说明,安全合法。简单的说采用 GPL 协议的插件源代码开源共享,可以被合法地自由更改、使用、分发。

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

请登录后发表评论

    暂无评论内容