如何使用 Smush 批量优化图像

在 WordPress 网站上使用全尺寸图片不仅会占用存储空间,还会降低网站速度.与其浪费时间和精力手动压缩它们,不如看看 Smush 如何帮助您批量压缩.

Smush 是一款屡获殊荣的图像优化插件,专注于压缩和调整图像大小.它可以节省存储空间并减轻服务器的一些负载,从而加快您的网站速度.

您可以在将图片添加到 WordPress 之前手动压缩图片,但这比简单地使用 Smush 等插件要耗时得多.

Smush 可让您以至少 7 种方式完全控制压缩和优化图像的时间和方式.

在本文中,我们将向您展示如何:

1.激活 Smush 扫描

2.排除选定的图像尺寸

3.Super-Smush 压缩率提高 2 倍

4.删除图像元数据

5.在 PNG 上选择 JPEG

6.管理您的原始图像

7.批量 Smush 图片

1.激活 Smush 扫描

当您激活 Smush 时,它会自动梳理您的网站并记录任何可以压缩的图像.

然后 Smush 在其主屏幕上显示需要注意的图像数量.

Screenshot of the amount of images that need smushing-19.
这只是您可以用来涂抹的方法之一你的图片.

在点击 Bulk Smush 按钮之前,有必要了解一下 Smush 的其他图像压缩功能.

让我们逐一介绍这些选项.

2.排除选定的图像尺寸

首先,您可以通过取消选中下面显示的复选框来排除某些尺寸的图像被压缩:

Screenshot of the various image sizes you can exclude.
如果您对 Smush 压缩所有图片,您可以选择"全部".

WordPress 创建图像的多个副本.如果您运行的网站要求图像清晰,您可能不希望压缩较大的图像,但是,您仍然可以使用这些设置压缩较小的图像版本.

3.Super-Smush 压缩率提高 2 倍

如果网站速度和存储空间是您网站的首要任务,您可以使用 Super-Smush 进一步优化图片.

Screenshot of the super-smush button.
Super-Smush 默认关闭,但您可以轻松激活它从主菜单.

Super-Smush 的工作原理是在不牺牲质量的情况下剥离尽可能多的图像数据,将文件大小减少多达常规 smush 的两倍.

您可以调整 Smush 的设置以确保它保存原始图像的副本,但是,如果您还没有准备好使用 Super-Smush,还有其他几种方法可以修剪一些额外的 KB.

>

4.删除图像元数据

Smush 可让您从图像中去除不必要的元数据.

Screenshot of the strip metadata button.
Smush 删除的信息在大多数网站上都没有用处.

启用此设置后,存储在图像中的所有不必要的数据都将被删除,同时保留 SEO 所需的数据.

虽然存储在照片中的许多 EXIF 数据是无害的,但最好删除其他详细信息,例如拍摄位置和相机详细信息.该位置可能会将人们带到您拍摄照片的地方(可能是您的房子),如果包含相机的序列号,则可以使用它来追踪使用同一相机拍摄的其他在线照片并导致侵犯隐私.

这些情况可能不太可能发生,但是由于所有额外的数据无论如何都会堵塞您的网站,因此将其删除是非常有意义的.幸运的是,一旦您启用此设置,Smush 就会自动为您执行此操作.

5.选择 JPEG 而不是 PNG

另一种可能减小文件大小的方法是将 PNG 图片转换为 JPEG.

Screenshot of the pngs to jpegs button
如果不保存,Smush 会离开您的图像为 PNG.

如果您不确定是否应该启用此设置,一个好的一般经验法则是您应该将照片转换为 JPEG,因为质量没有明显损失.与 PNG 相比,如果您压缩为 JPEG,您可以获得的文件大小不到原始文件的 10%.

如果您有包含文本的图形、屏幕截图或图像,最好将它们保留为 PNG 以确保它们保持清晰,因为 JPEG 往往会在文本周围添加一点噪音/颗粒

6.Smush 如何处理原始图像

从 WordPress 5.3 开始,大图像会自动缩小到新的最大图像大小(宽/高 2560 像素).然后 WordPress 将这些调整大小的图像称为"新原件".

如果您想上传比这更大的照片,Smush 可以帮助您覆盖此设置.

Screenshot of the resize my full size images section with custom size set to 4000px.
您可以选择自己的新图像最大宽度和高度.

启用此设置后,Smush 会自动为超大图像创建新尺寸,并将其缩小为新的自定义尺寸,而不是 WordPress 将它们调整为默认的最大尺寸 2560 像素.

如果您在将图像添加到 WordPress 之前手动调整图像大小,那么您可能不需要启用此设置,但是,如果您需要在网站上显示许多大图像,它会节省大量时间和工作.

既然您已经决定了原始图像的大小,那么是时候决定如何处理它们了.

默认情况下,Smush 在 Bulk Smush 期间不会压缩您的原始图像,它只会压缩 WordPress 生成的缩略图.

由于您的原始图像占据了您的大部分存储空间,因此确保这些图像也被弄脏是有意义的.

Screenshot of the original images toggles.
使用顶部切换确保您的全尺寸图像被弄脏了.

如果您要粉碎所有原始图像,则可能需要备份,以防您决定恢复到粉碎前的版本.

如果您上传的图片大于网站支持的最大尺寸(WordPress 的最大尺寸或您使用 Smush 创建的自定义最大尺寸),WordPress 会将您的图像存储为原始图像,然后创建新的最大尺寸图像以显示在您的网站.

如果您上传的图片小于允许的最大值,WordPress 不会将其存储为单独的原件-此版本将直接由 Smush 压缩.

虽然 Smush 保证在压缩图像时不会降低质量,但我们理解有些人需要备份,这就是为什么存在"存储我的小原件的副本"功能的原因.

启用此选项以在 wp-content/uploads 中存储原始图像的副本.

7.批量 Smush 图像

压缩您的图片将释放您网站的一些存储空间,并减少加载到访问者屏幕所需的时间.现在您已经完成了不同的设置,是时候使用 Bulk Smush 进行压缩了.

当您点击蓝色按钮时,Smush 将压缩它在激活时识别的图像.

Screenshot of a smush in process showing it at 94%.
确保标签保持打开状态,直到 Smush 完成压缩所有图片.

该过程完成后,Smush 会留意添加到您网站的需要压缩的新图片.

当您在 Smush 主屏幕上的图像总数开始再次上升时,您只需点击 Bulk Smush 按钮,您的所有图像都将被压缩.这比在 WordPress 之外手动操作要快得多,也更容易.

如果您对第一个 Bulk Smush 感到满意,您可能需要考虑启用自动压缩.

Screenshot of automatic compression showing it enabled.
您可以使用显示的切换轻松启用或禁用此功能

启用自动压缩后,Smush 会在您上传图像后立即对其进行压缩,这意味着您将永远不需要再次使用 Bulk Smush.

一键优化图片

使用 Bulk Smush 压缩图像只是开始.

在您的网站上拥有优化良好的图像意味着服务器在处理浏览器请求时的压力较小.这也是 Smush 可以帮助您提高 Google PageSpeed 得分的方法之一.

Smush 拥有大量其他功能,例如超快的 CDN 以及将您的图像转换为下一代格式的能力,可以帮助您的网站发挥其全部潜力.

12

发表回复