最后更新时间:2019 年 5 月 31 日

图片是让您的网站更具吸引力的好方法,可以为您的设计和内容提供深度和背景。但是,在您的网站上托管图片会对网站的性能产生巨大影响。前戏图像压缩会极大地影响您网站的加载时间和带宽使用,从而导致跳出率增加。

幸运的是,您可以通过优化图像大小来避免这些问题。这是一种压缩图像文件(图像压缩)和调整质量设置以将文件大小从大格式减小到较小格式的技术,从而在不影响整体质量的情况下更快地加载高质量图像。

在本文中,我们将仔细研究图像优化及其如何提高网站速度。我们还将研究一些可以帮助您的解决方案(包括 ShortPixel 插件),并演示如何使用它来优化您自己网站上的图像。开始吧!

为什么图像优化比您想象的更重要

图像优化是压缩图像文件以减小文件大小同时尽可能保持图像质量的过程。但是,如果最终结果没有什么不同,您可能想知道为什么要费心。

虽然在您的网站上包含图片将有助于吸引访问者(并且可以创造奇迹,使即使是最复杂的文本也更加可口),但它们也有不利的一面。图片文件通常很大,在某些情况下可能会显着增加,这会影响您网站的性能并增加加载时间。

加载时间慢的最大问题是它对跳出率的影响,跳出率是指在与网站交互之前离开网站的人数。考虑到一半的网络用户希望网站在两秒或更短时间内加载,很明显为什么大图像文件会成为问题并对加载时间产生负面影响。

这就是图像优化的用武之地。通过减少网站上的数据量,您可以大大减少加载所需的时间。由于需要在您的站点和访问者之间传输大量信息,它还可以节省存储空间并减少带宽使用。考虑到这一点,让我们来看看优化图像所涉及的细节。

在 GoWP,我们通过我们的白标服务帮助机构和网络专业人员管理、保护和更新他们客户的 WordPress 网站。让我们消除您的烦恼,让您可以专注于重要的事情 - 发展您的业务!

GoWP,发展您的业务

如何使用离线图像优化

您可以使用两种主要的优化方法。您可以使用我们稍后会介绍的 WordPress 插件,也可以使用“离线”解决方案。

后一种方法涉及使用工具(例如应用程序或网站)优化图像,然后您可以将其上传到您的网站。这似乎是一个额外的步骤,特别是如果您可以使用基于站点的插件,但实际上使用离线解决方案有许多独特的好处。

首先,如果出现技术问题,您不会对服务器造成任何压力,也不会冒网站不兼容的风险。您也不必担心备份优化图像,因为您已经离线保存了它们。

如果您希望降低成本,请放心,您不需要投资 Adob​​e Photoshop 等工具,不需要具备 gif 视频方面的高级技能,也不需要了解“有损压缩”等其他技术术语. 可下载的ImageOptim 或FileOptimizer 工具都是免费和开源的。 Kraken.io 是一个快速简单的基于 Web 的解决方案,可免费使用,但提供具有附加功能的高级版本。 TinyPNG 是另一个简单且免费的基于 Web 的工具,包括 Dropbox 集成:

当然,WordPress 插件是另一种选择,所以现在让我们来看看一些高级解决方案。

4 WordPress 插件可帮助优化您的图像

插件非常适合直接从您的 WordPress 仪表板处理图像优化,并且还可以使该过程自动化。有几个选项可用,所以让我们看看一些最好的选项。

想象

首先,Imagify 提供了很多自定义和功能,同时也易于初学者使用,具有多种文件格式选项。有一个慷慨的免费层,界面可以说是我们列表中最时尚的解决方案。让我们简要介绍一些主要功能:

  • 提供三个级别的压缩:有损、激进和超级。
  • 提供自动调整图像大小的方法。
  • 包括批量优化和备份功能。

Imagify 的免费版本可让您每月优化多达 25MB 的图像,但它们还提供各种付费计划。您可以获得增加每月限额的订阅,或购买一次性计划,为您提供特定数量的额外数据。

2.短像素

接下来,ShortPixel 是一个直观而全面的插件,非常适合初学者和经验丰富的人。优化分为三个级别:有损压缩、无损压缩和“有光泽”,以及批量优化,其中优化低于 5% 的图像不计入您的每月配额。此外,由于它会自动创建所有原始图像的备份,您可以安全地测试插件,而不必担心丢失原始质量设置。

  • 提供转换为 WebP 格式的选项。
  • 不要为图像提供文件大小限制。
  • 非营利组织的免费优化积分。

免费套餐每月为您提供 100 个积分,其中一个积分等于一张优化图像。您可以通过月度或一次性计划购买额外的积分。

3. Kraken.io

p>前面提到的 Kraken.io 是流行的 Web 界面的插件版本,并提供了几个用于自动优化的高级选项。与其他解决方案一样,您可以批量优化图像,高级层不基于每个站点的许可证。

  • 保留图像元数据标签。
  • 包含自动调整大小和旋转的选项。
  • 增强调整大小的图像以避免“光晕”和缩减采样。

与其他插件不同,它只有一个免费试用层,可让您优化高达 100MB 的图像。如果您决定坚持使用 Kraken,可以使用多个月度和年度计划。

4.压缩JPEG和PNG图片

最后,Compressing JPEG and PNG images 是由 TinyPNG 的制造商开发的一个插件,可以通过他们的服务自动运行图像。它是对用户更友好的插件之一,如果您已经熟悉使用 TinyPNG 网站,那么它是一个不错的选择。

  • 每月 500 次免费图像优化。
  • 提供自动调整图片大小的功能。
  • 文件格式和文件大小没有限制。
  • 自动将图像从 CMYK 颜色模式转换为 RGB 颜色模式。
  • png、jpg 和 jpeg 图像文件格式。

免费版本允许您每月优化 500 张图像,然后在接下来的 9,500 张图像中每张图像节省 0.009 美元。您可以查看价格计算器,根据您的要求进行估算。

如何使用 ShortPixel 插件优化图像(分 3 个步骤)

既然我们已经了解了许多不同的图像优化解决方案,让我们逐步了解该过程。为此,我们将使用 ShortPixel 插件,因为它是最直观、最简单的选项之一。

第 1 步:请求 ShortPixel API 密钥

安装并激活插件后,系统会提示您输入 API 密钥,这是将您的网站连接到 ShortPixel 的标识字符串云优化工具:

如果您还没有 API 密钥,您可以通过提供您的电子邮件地址并单击“请求密钥”来请求一个。这将为您生成一个密钥并使用 ShortPixel 创建一个免费帐户。但是,如果您已有 API 密钥,请在第二个文本字段中输入它并单击验证。

请求或输入密钥后,您将被带到 ShortPixel 插件设置屏幕,该屏幕还将显示您的 API 密钥信息。

第 2 步:配置优化设置

ShortPixel 提供广泛的图像压缩自定义功能,允许您自定义图像的优化和显示方式。设置分为常规和高级,如果你想将它们设置为建议的默认值,你可以这样做。但让我们快速浏览一下一般选项,了解您可以在这里做什么。

在这个页面,你可以设置要应用的压缩级别、切换是否要优化缩略图和全尺寸图像、备份原始文件以及从优化图像中删除 EXIF 元数据。如果你想自动调整任何图像的大小,你也可以在这里配置这些设置:

如果您对自己的设置满意,可以单击保存更改,或者如果您想开始批量优化现有图像,则可以单击保存并转到批处理。

第 3 步:优化您现有的图片

当 ShortPixel 被激活时,它会自动优化您上传的所有图片。但是,如果您已经有了要优化的图像库,则可以使用批量优化工具(在 Word 中通过 Word > Media > Bulk ShortPixel 找到)进行优化。

当您打开该工具时,您将看到现有图像的数量,包括缩略图:

当您准备好运行批处理时,单击“开始优化”按钮。您现在可以按照流程显示为每个图像尺寸和整个图库节省的空间量:

完成此过程后,您就完成了!如您所见,这是一种快速简便的解决方案,从长远来看对您的网站非常有益。

在 GoWP,我们通过我们的白标服务帮助机构和网络专业人员管理、保护和更新他们客户的 WordPress 网站。让我们消除您的烦恼,让您可以专注于重要的事情 - 发展您的业务!

GoWP,发展您的业务

结论

图像优化是解决潜在大问题的简单方法。通过确保图像文件尽可能小,您可以加快网站加载速度、降低访问者流失的风险并改善网页的整体用户体验。您还可以增加搜索引擎结果的可见性并最大限度地减少带宽使用。

通过使用离线优化解决方案或 ShortPixel 等 WordPress 插件,您可以在不影响图像质量的情况下显着提高网站的性能。

您对图像优化有任何疑问吗?欢迎在下方评论区提问!

图片来源:

如何使用图片优化来提高网站速度
5 (100%) 3 票