Smush Pro 现在支持本地 WebP 转换(无需 CDN)

直到现在,只能通过激活 Smush Pro 的 CDN 来提供下一代 WebP 图像.但应大众需求,Smush Pro 现在也支持本地 WebP 图片转换.

我们的 CDN 很棒,真的很棒.然而,我们都是为了给人们提供选择.

这正是我们现在可以将您的图像转换为 WebP 格式而无需使用我们的 CDN 的原因.

它也是 Smush Pro(和一般的 WPMU DEV!)今年最受期待和要求的功能之一.

你告诉我们......

  • 如果您对没有 CDN 感到满意,那么您就不想仅仅为了 WebP 支持而使用 CDN.
  • 您还意识到,使用 Smush Pro 的 CDN 来提供图像会占用宝贵的带宽——这对于大型网站来说可能并不理想.

因此,就像任何真正倾听观众意见的优秀公司一样,我们已经完成并制作了我们屡获殊荣的图像优化插件-甚至更好!

继续阅读以了解 Smush Pro 改变游戏规则的新功能的来龙去脉.

如果您想跳到特定部分,这里有一个快速概览:

1.为什么要转换为 WebP?
2.在 WPMU DEV 托管站点上激活本地 WebP
3.在第三方站点上启用本地 WebP 转换
4.Apache 服务器配置
5.NGINX 服务器配置
6.如何检查您的图像格式.

为什么要转换为 WebP?

WebP 图片的好处不言而喻.

WebP 图像文件比 JPEG 和 PNG 文件小得多,加载速度也更快——同时没有明显的质量差异.

证据就在布丁中——当YouTube 将他们的缩略图切换到 WebP,他们发现加载时间减少了 10%!

激活本地 WebP 功能后,Smush Pro 会在常规 Smushing 期间将您的图像转换为下一代文件类型.

虽然并非所有浏览器都支持 WebP(我们正在看着您,Internet Explorer!),但您可以放心,因为 Smush 将提供与非 WebP 等效的 JPEG 和 PNG支持的浏览器.

在 WPMU DEV 托管站点上激活本地 WebP

首先,需要在您的网站上安装最新版本的 Smush Pro.

Screenshot of the webp announcement page.
非 CDN WebP 支持只需点击几下!

然后您可以进入 WebP 设置.

Screenshot of the webp activation screen with the getting started buttoin.
点击"开始使用".

如果您与我们一起主持,您将有幸在下一页收到此消息:

Screenshot of the message that lets you know everything is already set up if you host with WPMU DEV.
如果是这种情况——你已经准备好了!

一切都会自动为您配置,剩下要做的就是运行 Bulk Smush 以便转换您的图像.

从此页面您还可以查看支持的媒体类型,以及删除所有 WebP 图片.

Screenshot of the supported media types-png and jpeg.
如果您更改了 WebP 文件,可以快速轻松地删除它你的想法.

那么,让我们深入了解细节——如果您的网站没有使用 WPMU DEV 托管怎么办?

你有两个选择.

  1. 切换到我们的超棒(且价格实惠!)托管计划之一.
  2. 按照下面的分步配置指南进行操作.

如何在非 WPMU DEV 托管站点上启用 WebP 转换

Smush 将尝试自动检测您的站点使用的服务器类型.

Screenshot of the drop-down where you can choose your server type for configuration.
Smush 将尝试检测您的网站是否正在运行Apache/Litespeed 或 NGINX 服务器.

如果检测到的类型不正确,您可以使用下拉框手动更改.

Apache 服务器

如果您的服务器类型是 Apache,请先尝试自动方法.

Screenshot of the automatic method screen.
点击应用规则按钮.

这将自动添加所需的服务器规则.

如果自动方法不起作用,您可以切换到手动选项并将显示的规则添加到您的 .htaccess 文件中.

Smush 会告诉您需要做什么.

Screenshot of the configuration instructions within Smush.
按照 Smush 中的这些说明手动配置设置.

如果这两种方法都不成功,我们会为您提供故障排除技巧列表——当然,如果您需要额外帮助,我们的 24/7 超级英雄支持团队随时待命.

NGINX 服务器

如果您的服务器类型是 NGINX,则必须手动将所需规则添加到您的配置文件中.

Smush 提供了有关如何执行此操作的明确说明.

Screenshot of the configuration settings for NGINX servers.
按照 Smush 中的步骤手动配置 NGINX 服务器.

请注意,如果您的设置运行 NGINX 作为 Apache 的代理,Apache/Litespeed 规则可能在.htaccess 中不起作用,并且您需要使用手动添加 NGINX 规则这种方法.

如何检查图像格式

与 Smush Pro CDN 中的 WebP 转换选项不同,您不会在源代码中看到".webp"格式.

相反,如果您想验证图像确实作为 WebP 提供,您需要打开浏览器的开发者工具,然后在 网络 标签下,检查 响应标头 适用于任何图片.

如果您在那里看到"content-type: image/webp",则说明浏览器确实提供了图像的 WebP 版本.

Screenshot of the developer tools tab showing proof of the images being webp.
您将能够看到图像是否作为 WebP 提供.

你皈依了吗?

希望在阅读本文后,您确信 WebP 不仅是适合您网站的图像格式,而且 Smush Pro 是适合该工作的插件.

请记住,如果您想充分利用 Smush 的全部功能,您也可以随时使用 Smush Pro 的 CDN!

不是 WPMU DEV 成员?查看 Smush Pro 的免费试用版并使用新的本地 WebP 功能进行无风险试驾.

3

发表回复