优化图像的7种方法:WordPress中的WebP是什么?

2021年9月14日01:28:17 发表评论 728 次浏览

最大化你网站速度的很大一部分是优化你的图像。从 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 图像优化器

优化图像的7种方法:WordPress中的WebP是什么?

如果你曾经查看过你的网站速度并选择了“ewww”,那么你可能想尝试一下EWWW Image Optimizer。它专门优化 WordPress 中的图像,并支持包括 WebP 在内的多种文件格式。

最重要的是,它也适用于来自其他插件的任何图像。这意味着没有兼容性问题!

该插件允许你为每种文件类型选择要使用的压缩类型,是的,你可以为不同的文件提供不同的选项。之后,你可以使用批量操作开始优化图像。

单个图像优化非常快,通常不到一分钟,除非文件非常大。也就是说,如果你正在执行批量操作,预计该过程需要几分钟时间,尤其是在较大的网站上。

2. WordPress优化图像的方法:使用Smush

优化图像的7种方法:WordPress中的WebP是什么?

Smush是 WordPress 中最受欢迎的图像优化器,活跃安装量超过一百万。那是因为它不仅仅是优化图像。相反,它添加了其他功能,例如延迟加载以提高页面速度。

当然,该插件的面包和黄油是图像优化,它擅长。

它涵盖了所有流行的文件类型,WordPress中的WebP是什么?但值得一提的是,WebP 在免费版本中不可用。也就是说,这个插件的覆盖范围弥补了这一点。与许多其他WordPress优化图像插件不同,它超越了媒体库。

位于媒体库之外的任何图像都将自动优化。它还在压缩过程中处理图像大小调整,因此你可以用一颗石头杀死两只鸟。你可以直接在图像块中查看所有优化统计数据。

3.ShorPixel 图像优化器

优化图像的7种方法:WordPress中的WebP是什么?

WordPress优化图像技巧ShortPixel Image Optimizer是一个免费增值图像优化插件。它每月为用户提供 100 个代币,其中一张图片需要一个代币。但是,关键区别在于这些免费令牌使你可以访问高级压缩。

相比之下,你需要在其他插件中购买 Pro 版本才能匹配质量。

现在这个系统有一个大问题,那就是 WordPress 处理图像的方式。WordPress 实际上以不同的大小制作了多个图像副本,并且这些大小中的每一个实际上都占用了一个令牌。因此,它实际上不是一对一的比例。

也就是说,对于一个新网站,这是一个非常好的工具,因为你可能不必每月优化 100 张图片。特别是在一个较小的博客上。它还可以帮助将任何 JPEG、PNG 或 GIF 转换为 WebP 格式。

4. 压缩 JPEG 和 PNG 图像

优化图像的7种方法:WordPress中的WebP是什么?

WordPress优化图像的方法:虽然Compress JPEG & PNG Images实际上并不处理 WebP 文件格式,但它在处理 JPEG 和 PNG 文件方面做得非常出色。对于许多网站来说,这已经绰绰有余,尤其是如果你不使用支持 WebP 的编辑软件。

也就是说,有很多免费的编辑工具可以做到,所以一定要查看下面的部分。

这个WordPress优化图像插件每月免费提供 500 次压缩。但是,它遇到了与上一个插件相同的问题;它优化了所有的图像副本。因此,它更接近 100 张图像,但这对于较新的网站来说已经足够了。

还值得注意的是,此插件与 WooCommerce 完全兼容,但建议谨慎使用。WooCommerce 似乎尝试在每次访问页面时重新生成图像元数据。这最终可能会消耗你每月的积分。

5. Optimus – WordPress 图像优化器

优化图像的7种方法:WordPress中的WebP是什么?

当你想在 WordPress 中优化图像时,Optimus WordPress Image Optimizer是另一个值得考虑的好工具。它可以帮助减少多达 70% 的图像大小,这当然有助于加快页面速度。

现在,值得注意的是,虽然有一个免费选项,但它对许多网站来说很可能没用。

这是因为有100KB的限制,大多数文件自然会超过,尤其是需要优化的文件。此外,许多设置仅适用于专业版,因此​​你最终会在某个时候付费。

WordPress中的WebP是什么?也就是说,插件提供的服务很棒,而且图像减少非常明显。它适用于所有主要的图像文件类型,包括 WebP。批量操作易于使用且时间合理,但与往常一样,较大的网站需要更长的时间。

6. Imagify – 优化你的图像并转换 WebP

优化图像的7种方法:WordPress中的WebP是什么?

WordPress优化图像技巧:对于正在寻找免费增值选项来优化图像的网站来说,Imagify是一个极好的选择。它为你提供了一个很大的月度限制,该限制不是以图像数量来衡量,而是以它们的大小来衡量。

每个月你最多可以免费优化 20MB 的图像。对于知道如何管理图像的开发人员来说,这可能很多。

它支持包括 PDF 在内的所有标准文件类型,并且会生成一个 WebP 文件,假设你在每次优化图像时勾选此框。它为用户提供三个级别的优化:正常、积极和超级。

每个级别都改进了压缩功能,如果你不满意,可以使用备份选项取回原始文件并选择不同级别的优化。这可以帮助你了解什么最适合你的图像。

7.WebP Express

优化图像的7种方法:WordPress中的WebP是什么?

如果你想将网站上的所有图像转换为 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

优化图像的7种方法:WordPress中的WebP是什么?

谈到 Photoshop 替代品,没有比Photopea更好的选择了。它看起来与 Photoshop 几乎相同,因此用户应该有宾至如归的感觉。但是,有两个关键区别。

Photopea 原生支持 WebP 图片文件格式,完全免费使用。

事实上,你甚至不需要注册帐户即可使用此软件。Photopea 直接通过你的网络浏览器工作,但所有文件都保存在你的计算机上,这可能会使交换计算机成为问题。虽然,这可以通过云存储轻松解决。

正如你所料,由于你的计算机上没有专用的应用程序,因此性能可能会有所欠缺。具有大量图层的复杂图像可能需要几分钟的加载时间。

尽管如此,Photopea 是免费的,并且可以很好地与 PSD 和其他图像文件一起转换为 WebP。

懒加载是你最好的朋友

WordPress中的WebP是什么?当然,即使使用 WebP,你的图像可以变得多小也是有限制的。但是,你可以利用其他技术来进一步优化图像的加载时间,其中最重要的是延迟加载。

延迟加载是一种仅加载可见图像的技术。例如,想象一个包含大量图像的长页面。访问者等待底部的图像加载是否有意义?

大多数人可能会说不,这正是延迟加载的含义。它只加载页面加载时访问者可以看到的内容。

如果他们选择向下滚动,让我们面对,并非所有人都这样做,其余的图像将在滚动时加载。这可以大大加快包含大量图像的页面的速度,因为初始加载量被减少了。

WordPress优化图像的方法:更好的优化、更快的速度、更好的体验

不言而喻,但更快的网站只是更好的体验。更重要的是,这正是游客对 2021 年的期望。

大多数网站遇到的主要问题之一来自优化不佳的图像。许多初学者无法识别图像大小应该是什么样子,甚至经常使用超过 1 兆字节的文件,希望以上介绍的WordPress优化图像技巧可以帮助到你。

实际上,图像应该很少超过几百 KB。

好消息是优化图像从未如此简单,有大量WordPress优化图像插件可以帮助你做到这一点。这不仅会改善访问者的体验,还会提升你的搜索引擎排名。

在搜索方面,速度是我们确定的少数几个因素之一,这是因为谷歌告诉了所有人。

你打算在你的 WordPress 网站上使用 WebP 文件格式吗?你目前如何优化网络图像?

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: