EWWW Image Optimizer，一个在 WordPress 中将所有图像转换为 WebP 的插件

Eva

2025-05-12

推荐给这些人

那些正在寻找有用的 WordPress 插件的人
想要在 WordPress 中使用 WebP 图像的人
那些想要缩小图像尺寸以加快网站显示速度的人
对于那些考虑安装 EWWW Image Optimizer 的人

当您在 WordPress 等上撰写博客文章时，您几乎总是在每篇文章中使用图像。
在Josys no Jiyucho中，我们主要撰写与IT相关的解释性文章，因此我们很少在一篇文章中使用数十张图片。
服务器的磁盘容量是有限制的，对于阅读文章的人来说，图片越轻越好！因此，我想使用 EWWW Image Optimizer 将网站上发布的图像压缩并转换为 WebP。

WebP是谷歌开发的下一代静态图像格式，据说是为了减少网站流量和显示速度而开发的。
Google 的评论称：“尺寸比 PNG 小 26%。比 JPEG 图像小 25-34%。”点击此处查看原文。

由于它是 Google 创建的格式，预计它会比现有的 PNG 和 JPG 更轻，但还有其他好处。
令人惊讶的是，WebP 支持背景透明度和动画！

到目前为止，我们使用PNG作为透明背景，使用GIF作为动画，转换方式多种多样，但它将统一为网站的WebP（Weppy）。（GIF 不太流行......）

	背景透明化	动画片
网络P	好的	好的
巴布亚新几内亚	好的	的
JPG（JPEG)	的	的
动图	好的	好的

WebP、PNG、JPG、GIF比较

有一个缺点，除非你的浏览器支持，否则你无法查看它，但我认为你不需要担心它，因为它目前与除 IE 之外的大多数浏览器兼容。

浏览器的兼容性状态
https://caniuse.com/?search=webp

虽然不清楚人群，但令人欣慰的是，95.77%的病例是相容的。

什么是 EWWW 图像优化器？

EWWW Image Optimizer 是一个 WordPress 插件，可在您每次上传图像时自动缩小和优化图像。

将过去的图像转换为 WebP 并压缩它们的功能。还有一个功能是通过延迟加载图片来加快网站的显示速度，使网站加载流畅。
它是一个非常著名和流行的插件，有效安装次数超过 900,000，评分为 4.5 星。

创作者	正是万维网
支持的 WordPress 版本	5.6 或更高版本
最新验证版本	5.9
PHP版本	7.2 或更高版本
支持的语言	日语、英语、法语、意大利语、西班牙语等28种语言

截至 2022 年 2 月的信息

我认为对于任何使用 WordPress 创建博客的人来说，这是一个必不可少的插件。

EWWW Image Optimizer 的官方网站是英文的，但也支持日文。
点击此处查看EWWW Image Optimizer官方网站

如何安装和激活 EWWW Image Optimizer

首先，安装并激活转换为 WebP 的插件 EWWW Image Optimizer。

单击 WordPress 左侧插件下的添加新项。
在右上角显示的[关键字]中搜索[EWWW Image Optimizer]。

找到 EWWW Image Optimizer 并单击立即安装。
搜索结果中会显示多个插件。请避免误安装类似插件。

单击“立即安装”，EWWW Image Optimizer 的状态将更改为“正在安装”。
稍等片刻，安装完成，按钮将变为【激活】。当按钮变为[激活]后，单击[激活]。

如何设置 EWWW 图像优化器

从这里，我们将配置 EWWW 图像优化器。
在本文中，我们将只为初学者介绍最低限度的设置。

单击 EWWW Image Optimizer 中的 [设置] 进入设置屏幕。

我们将从上面的设置屏幕中的[基本]选项卡上的设置进行说明。
第一的，[删除元数据]但是，如果您不需要保留元数据，请选中复选框将其删除。

低于那个[延迟加载]但是，建议延迟加载图像，因为这样可以减轻观看者的压力。具体来说，它是一个仅在屏幕滚动到达图像时才加载图像的功能，并且由于加载页面时并非所有图像都被加载，因此可以期望提高页面打开的速度。

下一个[Webp 转换]不过，这次的目的是将图像转换为Webp，所以请选中该复选框。

在[Webp交付方式]下，将以下字符用蓝框括起来的代码添加到租赁服务器等上的.htaccess的开头。
请将其复制到记事本或其他东西中。

<IfModule mod_rewrite.c>
	RewriteEngine On
	RewriteCond %{HTTP_ACCEPT} image/webp
	RewriteCond %{REQUEST_FILENAME} (.*).(jpe?g|png|gif)$
	RewriteCond %{REQUEST_FILENAME}.webp -f
	RewriteCond %{QUERY_STRING} !type=original
	RewriteRule (.+).(jpe?g|png|gif)$ %{REQUEST_URI}.webp [T=image/webp,L]
</IfModule>
<IfModule mod_headers.c>
	<FilesMatch ".(jpe?g|png|gif)$">
		Header append Vary Accept
	</FilesMatch>
</IfModule>
AddType image/webp .webp

这样就完成了 EWWW Image Optimizer 的设置。
不要忘记按左下角的“保存更改”按钮。

如何将Webp所需的信息添加到.htaccess的开头

很多人似乎在他们的博客上使用Xserver，但我们也在《Josis no Jiyucho》上使用Xserver。
从这里开始，我想向那些租用 X 服务器的人解释如何将使用 EWWW Image Optimizer 分发 Webp 所需的信息添加到 .htaccess 的开头。

不正确的设置可能会导致您的博客出现意外错误。如果您认为自己不擅长，请向有知识的人寻求帮助。

进入X服务器的【服务器管理界面】。
在页面的【主页】中点击【编辑.htaccess】。

单击[编辑.htaccess]以显示[域选择屏幕]。
单击您正在使用的域右侧的选择。

参见：Mac应用程序“iMage Tools” – 批量更改图像文件名（重命名）

当您单击[选择]时，将打开一个名为[.htaccess编辑]的页面。
单击页面上标有[.htaccess编辑]的选项卡。

将[WebP分发方法]中写入的字符粘贴到红色虚线内写入的字符的开头。

<IfModule mod_rewrite.c>
	RewriteEngine On
	RewriteCond %{HTTP_ACCEPT} image/webp
	RewriteCond %{REQUEST_FILENAME} (.*).(jpe?g|png|gif)$
	RewriteCond %{REQUEST_FILENAME}.webp -f
	RewriteCond %{QUERY_STRING} !type=original
	RewriteRule (.+).(jpe?g|png|gif)$ %{REQUEST_URI}.webp [T=image/webp,L]
</IfModule>
<IfModule mod_headers.c>
	<FilesMatch ".(jpe?g|png|gif)$">
		Header append Vary Accept
	</FilesMatch>
</IfModule>
AddType image/webp .webp

从 <IfModule mod_rewrite.c> 粘贴到 AddType image/webp .webp。

粘贴完成后，单击右下角的[前往确认屏幕]继续。

单击右下角的【运行】按钮。

如何检查Webp是否正确反映在WordPress中

完成X服务器上的设置后，返回WordPress并检查是否可以使用Webp。

确保 EWW Image Optimizer 设置屏幕右下角的 [PNG] 部分已更改为绿色 [WEBP]。
*更改可能需要大约 20 分钟才能体现。请稍等片刻并再次检查。
*您当前使用的浏览器必须支持Webp。作为预防措施，我们建议使用最新版本的 Google Chrome。

[该网站似乎缺少 mod_headers。请联系您的托管公司或系统管理员以启用此 Apache 模块。 ] 显示

如果 EWWImage Optimizer 设置中显示此消息，则无需担心。
即使出现此消息，只要 EWWW Image Optimizer 设置屏幕的右下角有一个绿色的 [WEBP] 图像，就没有问题。

如何实际压缩图像并检查是否正在使用 Webp

从这里开始，我们将使用 EWWW Image Optimizer 压缩之前上传的图像，并检查是否可以使用 Webp。

单击WordPress管理屏幕右侧菜单中[媒体]下的[批量优化]。
单击[批量优化]，转到[批量优化]屏幕。
单击[批量优化]屏幕上的[扫描未优化的图像]。

单击显示[优化 XX 图像]的位置。
这里的图片数量之所以高于实际使用的图片数量，是因为其中还包括上传到WordPress时自动创建的缩略图数量，所以无需担心。

如果单击[优化XX图像]的位置，图像尺寸将逐渐缩小。
如果这里显示Webp，则没有问题，因为Webp图像也是创建的，没有任何问题。
虽然常规 EWWW Image Optimizer 的减少率为 14.0%（这仍然是一件好事），但 Webp 的减少率为 35.6%。
您可以看到 Webp 非常有效地缩小图像。