WP Smush Pro 插件使用教程 – 图片压缩与WebP转换

WP Smush Pro 插件使用教程 – 图片压缩与WebP转换


------正文内容展示,开始汲取新知识啦------

本教程介绍了如何使用 WP Smush Pro 插件的图像优化功能将所有图片进行压缩、调整大小和自动转换成 WebP 格式而尽量不牺牲图片显示质量。

内容目录

  • 前言
  • 准备工作与安装 WP Smush Pro 插件
    • 安装 WP Smush Pro 插件汉化版
  • WP Smush Pro 插件设置向导
  • 启用本地WebP功能
  • 验证 WebP 是否生效
  • 总结

前言

WordPress 6.1 已经正式发布,但在这个版本中并没有大家期待的 WebP 图片格式自动转换功能。开发团队是考虑到并不一定所有人都需要该功能,当需要的时候建议使用第三方插件完成。

而 WP Smush Pro 则是一款人气相当高的图片优化插件,经过不断的升级迭代,其功能和易用性大幅提升。本教程基于 WP Smush Pro v3.12.3 版本、WordPress 6.1 正式版、Nginx 1.22.1与PHP 7.4 而撰写。

扩展资料:WebP 是一种由Google开发的图像文件格式(2010 年 9 月),旨在替代JPEG、PNG和GIF文件格式。它支持有损和无损压缩,以及动画和 alpha 透明度。

准备工作与安装 WP Smush Pro 插件

如果要实现 WebP 在本地自动转换(非远程转换)需要PHP支持GD库扩展,如果要获得更理想的处理性能,推荐安装 imagemagick 高性能图形库。

安装 WP Smush Pro 插件汉化版

WP Smush Pro v3.14.2 已激活汉化版 – 图片优化插件-知新网
  1. 下载最新 WP Smush Pro 汉化版 – 图片优化插件 及汉化包。
  2. 先将汉化包上传至/wp-content/languages/plugins目录。
  3. WP后台 > 插件 > 安装插件 > 上传插件,安装完毕后启用插件。

WP Smush Pro 插件设置向导

WP Smush Pro 的设置向导非常出色,对于新手来说,可以迅速上手使用。

Smush 插件设置向导
Smush 插件设置向导
Smush 插件设置向导步骤二
Smush 插件设置向导步骤二

这里就不一一列举所有设置步骤了,推荐按默认设置,全部点击下一步即可。

启用本地WebP功能

设置向导完成后,转到插件仪表板,开启本地WebP功能(建议使用PHP 7.4.x):

WP Smush Pro 插件启用本地WebP
WP Smush Pro 插件启用本地WebP
启用本地WebP功能
启用本地WebP功能
选择服务器类型
选择服务器类型

一般而言,插件会自动检测Web服务器类型,如果检测与实际情况吻合,点击下一步。

添加 WebP 规则
添加 WebP 规则

注:如果是Apache服务器,插件会自动生成规则的.htaccess文件。

Nginx服务器,则需手动将上述规则添加到主机配置文件中,以宝塔面板为例,可以添加到WordPress伪静态规则之前,如下图:

添加 Nginx 规则
添加 Nginx 规则

保存后,宝塔面板会自动重载配置,否则需要重启Nginx。

提示

注意:如果启用了图片防盗链功能,则必须添加到防盗链规则之前,或者说必须添加到第一个location指令之前,否则插件检查配置会失败。

再回到 WP Smush Pro 插件设置页面(WebP),点击右下方“检查状态”按钮,如果规则设置正确,会看到以下提示:

本地 WebP 设置完成
本地 WebP 设置完成

在转换成WebP格式之前,建议先开启压缩原图的功能,如需备份原图可以勾选“备份原始图像”。

开启压缩原始图片
开启压缩原始图片

现在可以开始批量转换WebP了,插件会自动将网站媒体库中的所有JPG与PNG图片转换成WebP。

验证 WebP 是否生效

所有新上传的图片,插件会自动输出 WebP 格式,但图片文件扩展名依然是.jpg或.png。

验证方法:检查图片的文件头中是否有“content-type: image/webp”标记。

示例:在浏览器中按F12开启开发者工具,在文件加载列表中,选择任意图片文件查看“响应头”:

验证 WebP 示例
验证 WebP 示例

如上图所示,虽然文件扩展名依然是.png,不过格式已经变成了WebP。

总结

WP Smush Pro 插件设置很简单,图片压缩效果较好,站长帮汉化版汉化了所有提示文字,所以其它功能在本教程中就不详细介绍了,根据提示设置就可以。

部分JPG格式的图片转换成WebP有可能变得体积更大,这并非插件的问题,而是WebP格式的小缺陷。PNG格式的图片转换成WebP后,压缩效果非常好。

温馨提示:本文最后更新于2023-07-23 23:50:50,某些文章具有时效性,若有错误或已失效,请私信客服或联系知新社长
------本文内容已结束,喜欢请分享------

感谢您的访问,Ctrl+D收藏本站吧。

© 版权声明
七月 23

知岛上的今时往日

THE END
点赞0投币 分享
评论 抢沙发
头像
善语结善缘,恶言伤人心。(禁止发送无意义的字符)
提交
头像

昵称

夸夸Ta
夸夸
还有吗!没看够!
取消
昵称表情代码图片

    暂无评论内容

社区求救信号帮助是一种美德