为您的 WordPress 网站提供 4 个图像优化工具

已发表: 2018-10-18

优化站点的图像对于在不牺牲质量的情况下保持高性能至关重要。 因此,手头有专门的工具有助于使流程更轻松、更有效——尤其是在您运行大量图像的网站时。

幸运的是,有很多方法可以“缩小”图像的文件大小。 例如,有些网站可以让您通过他们的算法运行图像,WordPress 插件可以自动处理该过程,甚至还有用于需要额外“咕噜”级别的网站的图像优化服务器。

在这篇文章中,我将介绍一些需要考虑的解决方案。 然而,在此之前,让我给你一个关于图像优化的入门知识!

图像优化:它是什么以及为什么需要它

图像优化工具 wordpress 桌面场景与飞轮产品设计师优化图像

首先,让我们来谈谈作为“高级”概念的优化。 简单来说,每个文件都会占用一定的空间。 一些,例如 JavaScript 或 CSS 文件,大部分时间都是字面意义上的“字节大小”。 但是,文件包含的信息越多,其文件大小就越大。

图像没有什么不同。 对于具有大量细节和颜色的高分辨率示例,您可以找到数十兆字节 (MB) 的文件。 然而,未经优化的图像通常在 500KB 到 1MB 左右。

您可能认为这是可以接受的,但对于网站来说,它实际上是一个庞大的处理规模。 虽然我不会在这里详细介绍完整的技术细节,但页面上的文件越大,加载所需的时间就越长。 您可能会在网站上有很多图像,这意味着页面大小会迅速增加,加载时间也会增加。

为了解决这个问题,图像优化使您能够在不影响图像外观的情况下减小图像的文件大小。 有很多方法可以做到这一点,我稍后会讨论它们。 现在,让我们首先讨论一下为什么这如此重要。

为什么需要图像优化

从表面上看,图像优化只是一种使图像加载更快的解决方案。 然而,深入挖掘,很明显这种技术对于网站获得的流量、转化率优化 (CRO)、搜索引擎优化 (SEO) 等至关重要。

这仅仅是由于用户体验 (UX),因为用户不想等待网站加载。 此外,移动浏览的普及意味着网页需要尽可能精简,以便为用户提供可靠的体验,无论他们使用什么设备。

因此,一个充满未优化图像的页面将需要不必要的长加载时间。 因此,减小图片的文件大小会对网站的跳出率和潜在转化率产生重大影响。 考虑到这一点,让我们讨论如何实际优化图像。

如何优化您的图像

图像优化工具 wordpress flywheeler 使用红帽中的多个桌面和屏幕处理代码

大多数图像以大文件开始。 例如,使用相机拍摄的照片每个图像文件可能约为 40MB。 这显然太大了。

大多数图像使用 Lightroom 或 Photoshop 等应用程序进行转换。 这可以显着减小文件大小——比如说大约 5MB——但不足以在网站上使用。

此时,您需要使用多种方法优化文件。 最常见的是:

  • 一个专门的网站,需要您上传图片,然后在优化后下载它们。
  • 插件——通常通过您的内容管理系统 (CMS),尽管 Photoshop 和 Lightroom 也可以使用自己的插件格式。
  • 图像优化服务器,可以在不使用您网站资源的情况下处理数千张图像。

为了进一步讨论最后一个选项,在网站上执行的图像优化(例如通过使用 WordPress 插件)有时会使用您的服务器资源。 如果您使用自己的资源使用解决方案压缩多个大图像,这可能会导致延迟和其他延迟,从而破坏优化的整体目的。

相比之下,使用专门的服务器来优化图像。 主要的好处是,您基本上可以让它做自己的事情,同时支付固定费用来优化尽可能多的图像。

为您的 WordPress 网站提供的 4 个图像优化工具

为了完善这篇文章,让我们看一下优化图像的四种不同解决方案。

  1. 小PNG
  2. 图像优化
  3. 想象一下
  4. 短像素

1. 小PNG

来自 wordpress 插件网站的 tinypng 图像优化徽标标记熊猫熊

TinyPNG 在图像优化方面一直是一个坚定的选择,并且是减小图像文件大小的流行选择。 虽然该名称仅专门引用一种文件类型 (PNG),但它实际上能够处理几种不同的图像类型。

使用网站很简单。 您将图像拖到界面上,算法会发挥作用,之后您可以下载新优化的图像。 更重要的是,您将确切地看到新文件与原始文件相比要小多少。

虽然该网站可以说是主要吸引力,但还有一个 WordPress 插件可用,以及一个 Photoshop 插件。 但是,与此列表中的其他解决方案相比,高级计划相当“小气”。

此外,每个未优化图像的最大容量限制为 5 MB。 大多数时候这不会成为问题,但是当您尝试优化非常大的图像时,它可能会让您头疼。 在这些情况下,您可能需要使用专门的应用程序。


2. 图像优化

来自 wordpress 插件网站的 imageoptim 图像优化徽标标记熊猫熊

您可能不想仅仅依靠在线解决方案来优化图像,离线应用程序将是理想的选择。 如果您使用的是 macOS,ImageOptim 是离线使用的可靠解决方案。 但是,对于 Windows 和 Linux 机器,还有其他类似的工具。

这个特殊的应用程序是低调的,并且与其他解决方案的工作方式相似,因为您将图像拖到界面上,然后等待它优化它们的文件大小。 然而,虽然我喜欢这个从图像中剥离 EXIF 数据等元素的工具,但它的还原能力是有限的。

简而言之,当您的图像超出您最喜欢的优化解决方案的最大文件限制时,我建议您使用专用应用程序。 通常,在使用其他工具进行更大的缩减之前,删除文件中的多余数据就足以“消除优势”。


3.想象

从 wordpress 插件网站想象图像优化徽标标记熊猫熊

如果您使用 WordPress 等 CMS,则该平台有很多插件可以帮助优化图像。 Imagify 就是这样一种选择。

它基本上自动化了整个优化过程,让您可以继续您的业务,而不必担心图像是否会影响您的网站加载速度。 有很多选项可用于确保根据您的喜好减少图像,并且您添加到媒体库的任何图像都会自动优化。

虽然基本插件是免费的,但除非您选择高级计划,否则您可以优化的图像数量非常有限。 但是,这些产品价格合理,这意味着您只需花费很少的费用即可获得近乎完整的解决方案。


4.短像素

来自 wordpress 插件网站的短像素图像优化徽标标记熊猫熊

我在上一节中使用了“近乎完整”一词,主​​要是因为该特定插件没有提供一整套解决方案。 例如,图片较多的网站将遭受前面讨论的滞后,这意味着对您的页面加载时间产生负面影响。

解决方案是找到一个选项,让您在 WordPress 中自动化流程,同时处理批量优化而不影响您的资源。 输入短像素。

就常年首选插件而言,ShortPixel 就在那里。 它提供自动优化和非常合理的保费计划。 但是,其他解决方案缺少一个技巧——使用专用服务器进行图像优化的选项。

这为您提供了成为高级用户的所有好处,同时提供了一个物理服务器来批量优化您扔给它的任何图像。 更重要的是,通过 ShortPixel 处理的每张图像都在云端进行了优化,因此您网站的自身资源不会受到影响。

结论

图像优化工具 wordpress flywheeler 在笔记本电脑上工作时微笑
泰森,飞轮的产品设计师之一

图像优化是加快网站速度的重要方法,我认为它应该是一种自动考虑。 幸运的是,有很多解决方案可以做到这一点。 因此,没有理由不拥有小巧但仍具有视觉吸引力的图像。

这篇文章提供了图像优化的入门知识,并介绍了四种可用的解决方案。 让我们快速回顾一下它们:

  1. 小PNG。 这个受欢迎的网站可让您使用简单的在线界面快速减小文件大小。
  2. 图像优化。 虽然它不是唯一可用的应用程序,但对于 macOS 来说,这是一个可靠的(如果是互补的)选择。
  3. 想象一下。 这个外观时尚且价格合理的 WordPress 插件适用于除了最苛刻的网站之外的所有网站。
  4. 短像素。 我认为这是最完整的软件包,尤其是当您考虑他们专用的图像优化服务器时。

您对图像优化有任何疑问吗? 在下面的评论部分让我知道!

进一步优化您的网站。 下载此免费指南以提高您的 WordPress 速度和性能!