最大化你网站速度的很大一部分是优化你的图像。从 5.8 版开始,WordPress 现在支持 WebP 图像格式。这种文件格式比 JPEG 或 PNG 小 30%,这意味着图像加载速度更快,本文为你介绍一些很好用的优化插件以及WordPress优化图像技巧。
当然,使用高级文件格式只是优化图像的一种方法。你仍然可以从优化的 JPEG 和 PNG 图像中获得更多的性能。事实上,有很多工具和WordPress优化图像插件可以使这变得容易。
今天,我将介绍各种WordPress优化图像的方法优化图像和提高网站速度。
WordPress中的WebP是什么?
WebP 是Google在 2010 年创建的一种图像格式。它比 JPEG 和 PNG 等更传统的文件格式更小,同时提供卓越的无损和有损压缩。
因此,使用 WebP 的网站比不使用 WebP 的网站要快。那么它是怎样工作的?
没有太技术性,有损 WebP 压缩使用预测编码技术。本质上,它只查看附近像素块中的一小部分代码,并预测其余部分将是什么样子。
而无损 WebP 压缩使用它已经看到的图像数据来重建图像。
请记住,并非所有浏览器都支持 WebP 作为文件格式。好消息是大多数主要的都可以,包括 Google Chrome、Firefox、Microsoft Edge 和 Opera。
这涵盖了所有网络和移动流量的 95% 以上,因此你无需担心太多。
优化图像的最佳插件
在本文中,我将介绍一些用于优化 WebP 图像的最佳插件。然后,我将介绍一些你现在可以使用的工具,开始为你的网站创建流线型的视觉效果。
1. EWWW 图像优化器
如果你曾经查看过你的网站速度并选择了“ewww”,那么你可能想尝试一下EWWW Image Optimizer。它专门优化 WordPress 中的图像,并支持包括 WebP 在内的多种文件格式。
最重要的是,它也适用于来自其他插件的任何图像。这意味着没有兼容性问题!
该插件允许你为每种文件类型选择要使用的压缩类型,是的,你可以为不同的文件提供不同的选项。之后,你可以使用批量操作开始优化图像。
单个图像优化非常快,通常不到一分钟,除非文件非常大。也就是说,如果你正在执行批量操作,预计该过程需要几分钟时间,尤其是在较大的网站上。
2. WordPress优化图像的方法:使用Smush
Smush是 WordPress 中最受欢迎的图像优化器,活跃安装量超过一百万。那是因为它不仅仅是优化图像。相反,它添加了其他功能,例如延迟加载以提高页面速度。
当然,该插件的面包和黄油是图像优化,它擅长。
它涵盖了所有流行的文件类型,WordPress中的WebP是什么?但值得一提的是,WebP 在免费版本中不可用。也就是说,这个插件的覆盖范围弥补了这一点。与许多其他WordPress优化图像插件不同,它超越了媒体库。
位于媒体库之外的任何图像都将自动优化。它还在压缩过程中处理图像大小调整,因此你可以用一颗石头杀死两只鸟。你可以直接在图像块中查看所有优化统计数据。
3.ShorPixel 图像优化器
WordPress优化图像技巧:ShortPixel Image Optimizer是一个免费增值图像优化插件。它每月为用户提供 100 个代币,其中一张图片需要一个代币。但是,关键区别在于这些免费令牌使你可以访问高级压缩。
相比之下,你需要在其他插件中购买 Pro 版本才能匹配质量。
现在这个系统有一个大问题,那就是 WordPress 处理图像的方式。WordPress 实际上以不同的大小制作了多个图像副本,并且这些大小中的每一个实际上都占用了一个令牌。因此,它实际上不是一对一的比例。
也就是说,对于一个新网站,这是一个非常好的工具,因为你可能不必每月优化 100 张图片。特别是在一个较小的博客上。它还可以帮助将任何 JPEG、PNG 或 GIF 转换为 WebP 格式。
4. 压缩 JPEG 和 PNG 图像
WordPress优化图像的方法:虽然Compress JPEG & PNG Images实际上并不处理 WebP 文件格式,但它在处理 JPEG 和 PNG 文件方面做得非常出色。对于许多网站来说,这已经绰绰有余,尤其是如果你不使用支持 WebP 的编辑软件。
也就是说,有很多免费的编辑工具可以做到,所以一定要查看下面的部分。
这个WordPress优化图像插件每月免费提供 500 次压缩。但是,它遇到了与上一个插件相同的问题;它优化了所有的图像副本。因此,它更接近 100 张图像,但这对于较新的网站来说已经足够了。
还值得注意的是,此插件与 WooCommerce 完全兼容,但建议谨慎使用。WooCommerce 似乎尝试在每次访问页面时重新生成图像元数据。这最终可能会消耗你每月的积分。
5. Optimus – WordPress 图像优化器
当你想在 WordPress 中优化图像时,Optimus WordPress Image Optimizer是另一个值得考虑的好工具。它可以帮助减少多达 70% 的图像大小,这当然有助于加快页面速度。
现在,值得注意的是,虽然有一个免费选项,但它对许多网站来说很可能没用。
这是因为有100KB的限制,大多数文件自然会超过,尤其是需要优化的文件。此外,许多设置仅适用于专业版,因此你最终会在某个时候付费。
WordPress中的WebP是什么?也就是说,插件提供的服务很棒,而且图像减少非常明显。它适用于所有主要的图像文件类型,包括 WebP。批量操作易于使用且时间合理,但与往常一样,较大的网站需要更长的时间。
6. Imagify – 优化你的图像并转换 WebP
WordPress优化图像技巧:对于正在寻找免费增值选项来优化图像的网站来说,Imagify是一个极好的选择。它为你提供了一个很大的月度限制,该限制不是以图像数量来衡量,而是以它们的大小来衡量。
每个月你最多可以免费优化 20MB 的图像。对于知道如何管理图像的开发人员来说,这可能很多。
它支持包括 PDF 在内的所有标准文件类型,并且会生成一个 WebP 文件,假设你在每次优化图像时勾选此框。它为用户提供三个级别的优化:正常、积极和超级。
每个级别都改进了压缩功能,如果你不满意,可以使用备份选项取回原始文件并选择不同级别的优化。这可以帮助你了解什么最适合你的图像。
7.WebP Express
如果你想将网站上的所有图像转换为 WebP 文件格式,没有比WebP Express插件更好的选择了。它为网站提供了多种方式来执行此操作,并且仅在支持 WebP 的浏览器上显示它们。
对于不使用浏览器的访问者(这种情况很少见),他们将查看原始 JPEG 或 PNG 版本。
WordPress优化图像的方法:该插件使用 WebP Convert 库将 JPG 和 PNG 文件转换为 WebP。某些网站可能存在问题,具体取决于其 Web 服务器。在这些情况下,你可能必须使用云解决方案,该插件为其提供了选项。
请记住,这些是高级功能。最终结果是一个更快的网站,但请记住一些限制。例如,Gravatar 图像不会被转换,因为它们存储在 Gravatar 服务器上。
你需要托管这个WordPress优化图像插件才能运行的图像。
WebP 编辑工具
现在,如果你使用 Photoshop 或其他编辑工具,你可能会注意到它们中的大多数本身并不支持 WebP 格式。由于 WordPress 采用了文件格式,这可能会随着时间而改变,但何时仍然是个谜。
同时,你将需要一个工具来创建和编辑 WebP 图像,幸运的是,有很多免费选项可用,例如:
- Picosmos
- Paint.Net
- RealWorld Paint
- JPEGView
但是,我真正推荐的是 PhotoPea。
Photopea
谈到 Photoshop 替代品,没有比Photopea更好的选择了。它看起来与 Photoshop 几乎相同,因此用户应该有宾至如归的感觉。但是,有两个关键区别。
Photopea 原生支持 WebP 图片文件格式,完全免费使用。
事实上,你甚至不需要注册帐户即可使用此软件。Photopea 直接通过你的网络浏览器工作,但所有文件都保存在你的计算机上,这可能会使交换计算机成为问题。虽然,这可以通过云存储轻松解决。
正如你所料,由于你的计算机上没有专用的应用程序,因此性能可能会有所欠缺。具有大量图层的复杂图像可能需要几分钟的加载时间。
尽管如此,Photopea 是免费的,并且可以很好地与 PSD 和其他图像文件一起转换为 WebP。
懒加载是你最好的朋友
WordPress中的WebP是什么?当然,即使使用 WebP,你的图像可以变得多小也是有限制的。但是,你可以利用其他技术来进一步优化图像的加载时间,其中最重要的是延迟加载。
延迟加载是一种仅加载可见图像的技术。例如,想象一个包含大量图像的长页面。访问者等待底部的图像加载是否有意义?
大多数人可能会说不,这正是延迟加载的含义。它只加载页面加载时访问者可以看到的内容。
如果他们选择向下滚动,让我们面对,并非所有人都这样做,其余的图像将在滚动时加载。这可以大大加快包含大量图像的页面的速度,因为初始加载量被减少了。
WordPress优化图像的方法:更好的优化、更快的速度、更好的体验
不言而喻,但更快的网站只是更好的体验。更重要的是,这正是游客对 2021 年的期望。
大多数网站遇到的主要问题之一来自优化不佳的图像。许多初学者无法识别图像大小应该是什么样子,甚至经常使用超过 1 兆字节的文件,希望以上介绍的WordPress优化图像技巧可以帮助到你。
实际上,图像应该很少超过几百 KB。
好消息是优化图像从未如此简单,有大量WordPress优化图像插件可以帮助你做到这一点。这不仅会改善访问者的体验,还会提升你的搜索引擎排名。
在搜索方面,速度是我们确定的少数几个因素之一,这是因为谷歌告诉了所有人。
你打算在你的 WordPress 网站上使用 WebP 文件格式吗?你目前如何优化网络图像?