如何在线压缩图像:5 个最佳工具

目录

如果您希望您的网站尽可能快并为读者提供最佳的用户体验,图像优化是一门您不能拒绝承认的艺术。

由于任何画家都需要了解其工作的技术细节(颜色、样式和艺术支持的使用),因此作为图像优化艺术家,您应该深入研究图像并了解其格式功能、质量、像素尺寸等等。

好消息是,通过正确的技术,您可以显着减小图像的大小并使页面速度更快。

在本文中,我们将向您介绍网络图像压缩的秘密:您将了解如何确定图像的“正确权重”以及可以使用哪些工具来压缩它们并减小其文件大小。


压缩图像意味着什么(以及为什么应该这样做)

压缩网络图像意味着减小其文件大小:这是通过最小化图像文件的字节大小来实现的,而不会造成任何质量损失。

换句话说,压缩图像时会减少图像文件占用的存储空间量:存储空间以千字节 (KB) 和兆字节 (MB) 为单位,其中 1MB = 1000KB。

这就是为什么您应该压缩图像:我们都希望图像清晰且高质量,但平衡这种愿望与从浏览器下载页面上的图片所需的时间非常重要。性能和速度比以往任何时候都更加重要。

您的图像越轻,您的页面下载速度就越快:取悦您的用户(他们喜欢阅读由精美图像支持的内容)和让 Google 国王高兴是一场持续不断的斗争!请记住,压缩和减小图像大小还可以帮助您优化最大内容绘制,这是核心 Web Vitals 指标之一。

如何确定图像的理想权重?

这个问题没有单一的答案:图像文件的理想大小是允许您拥有尽可能最轻的图像,同时保留页面上出色性能所需的质量的大小。
要找到问题的答案,请尝试从不同的角度看待该主题并问自己:

我真的需要这里的图像吗?
是否需要图像才能实现我在此页面上寻求的特殊效果?
我可以为用户节省一些带宽并阻止他们从浏览器下载无用的字节吗?

有时,有效的设计和格式良好的内容已经可以创造奇迹。每当您可以删除图像资源并避免其负担(在 HTML、CSS 或 JavaScript 方面)时,您就已经应用了良好图像优化策略的黄金法则:少即是多。

也就是说,放置最有效地传达您的信息的图像对于您的内容营销策略来说是双赢的局面。
您的图像需要高分辨率且整洁。不幸的是,大多数时候,高分辨率和整洁的图像往往具有巨大的文件大小。
当您在页面上上传高分辨率图片时,您应该始终牢记以下方程式:

巨大的文件大小=较慢的加载时间=较高的跳出率和客户逃离您的网站。

哪些工具可以用来识别图像的大小?

有几种免费工具可以帮助识别页面上特别大的图像。

您可以使用GTMetrix或Dareboost运行速度测试;它们都将显示总页面大小,并且在其瀑布中,将指示哪些文件最重:

dareboost-waterfall-image-size
Dareboost 速度测试的屏幕截图 – 瀑布

在寻求最佳图像尺寸的过程中,甚至您的浏览器也是一个有用的盟友。
例如,在 Google Chrome 上,您可以打开其开发工具并执行以下操作:

  1. 打开网络面板
  2. 将节流设置为良好 3G
  3. 单击禁用缓存
  4. 按图像(Img)过滤结果
  5. 刷新页面,查看Size栏
google-chrome-network-tab-images
Chrome 开发工具 – 网络面板的屏幕截图

一旦您知道哪些图像给您的页面带来了负担,优化它们就会容易得多!

您应该遵循哪些步骤来减小图像的文件大小?

每次处理网站图像时,您应该认真执行的第一条重要规则是学习以合适的网络格式保存它们。
每一点 KB 都很重要:即使您认为优化图像只能节省 10% 的大小……也可以这么做!将来你会感激的

1. 选择正确的图像格式

我们通常可以区分两类图像:矢量图像和光栅图像。

通常,矢量图形有SVG、EPS 和 PDF 格式:您可以在由几何形状组成的图像中找到它们;此外,它们与缩放和分辨率无关。

光栅图像非常适合复杂的场景,包括不规则的形状和细节,例如图片。最常见的光栅图像格式是 GIF、PNG、JPEG;更现代的格式也在传播,例如 JPEG-XR 和 WebP。

光栅图像与分辨率或缩放无关:这就是为什么当您放大它们时,最终会得到模糊的图形。因此,最好以不同的分辨率保存同一光栅图像的多个版本,以便您的用户可以从最佳体验中受益。

GIF、PNG 和 JPEG 图像是三种普遍支持的 Web 图像格式。
一些浏览器还支持最新的图像格式,例如 WebP和 JPEG XR,它们提供更好的整体压缩和更多功能。

查看 Google 开发者指南中的此表,了解每种图像格式的不同特征:

google-developers-guide-image-formats
图片来自Google 开发者指南,有关图片优化

2. 使用正确的尺寸调整大小

每当您使用尺寸大于网页所需尺寸的图像时,您都会通过网络发送冗余字节。

Google PageSpeed 等 Web 性能工具经常使用“提供缩放图像”的建议来引用这一点。
在上传图像之前使用图像编辑器缩放图像是正确的方法;确保还使用 srcset 属性在页面中指定这些维度。

3. 使用正确的工具压缩图像

在寻找压缩工具之前,在开始优化图像时请记住以下两个提示:

  • 删除不必要的图像元数据:有时您的图像可能包含来自数码相机的私有 EXIF 元数据、嵌入的缩略图或注释。删除它们不仅是一种良好的安全实践,而且还可以减小文件的大小。
    有不同的工具可以删除这些数据。
  • 尽可能自动化:考虑投资自动化工具或插件,以确保您的所有图像资产始终得到优化。

之后,您将准备好深入图像压缩工具的世界并选择最适合您需要的工具。

在 WordPress 中压缩图片的 5 个最佳工具是什么?

您知道您的用户和 Google 喜欢图像,这是改进您的内容和 SEO 策略的强大工具。
但要想受到喜爱,你的图像必须具有良好的品质;仅仅让它们变得更轻还不够。

在尝试优化图像时,您可能会遇到的最大问题是修改图像的大小通常会降低其质量。而且您也不希望您的读者因此而讨厌您的网站!

与许多与网络优化相关的事情一样,压缩图像是一个平衡专业知识和耗时技术的问题:您的目标是压缩图像,同时保持它们足够漂亮,而不是陷入复杂的图像编辑软件中。

有许多工具可以格式化您的图像并使其完美适合您的网站。以下是最常见的图像编辑工具:

它们都是很棒的工具,但其中一些可能很昂贵或需要时间来学习如何有效使用。

这时候在线图像优化工具就派上用场了!

用于图像压缩的在线工具已经在网络上传播。它们有不同的形状和设计,其中一些相当小,一些使用起来更复杂。

我们认为,一个有效的在线图像编辑工具应该能够平衡可用性和有效性。如果结果不能满足您的需求,您不需要花哨的设计;同时,当用户界面直观明了时,更容易获得最佳结果:在线工具不需要用户手册!

让我们详细了解五个在线压缩图像并在尺寸/质量方面获得更好结果的最佳工具。

1.Imagify.io

Imagify 是一款在线提供的图像优化工具,可作为 WordPress 插件并通过 API 获取。

要受益于其所有功能,您应该创建一个免费帐户,该帐户每月提供25MB 的免费图像。
使用免费帐户,您可以优化最大 2MB 的任何JPEG、PNG 和 GIF(动画或非动画)图像文件;付费帐户没有最大上传大小限制。

Imagify 的用户界面干净且易于浏览。
您会发现三个压缩级别:正常、激进和超级。

普通压缩是无损的,这意味着没有图像质量损失;激进和超压缩功能更强大,它们可能意味着非常轻微的质量损失,但图像的大小会小很多。


在输出选项中,您可以指定宽度和高度的自定义值(以像素或百分比为单位);默认情况下,Exifs 数据将被删除,但如果您想保留它们,可以选中该选项。

如果您使用此在线应用程序的免费套餐,您的图像将在您的帐户中存储 24 小时;如果您付费订阅,您可以无限期保存您的照片。

加分点:Imagify 使您可以运行页面优化。只需添加您想要优化的页面的 URL,它就会对其进行扫描,检索其中包含的所有图像的列表并一次性压缩它们。下载提供的 .zip 文件,并在您的页面上使用优化后的图像!

2. Compressor.io

Compressor.io是一款非常简单的单页图像优化工具,适用于JPEG、PNG、GIF 和 SVG 文件。您必须单击“尝试一下!” 按钮,它将完成所有工作。

可以在两种压缩级别(无损或有损)之间进行选择:第一个将保证更好的质量,但尺寸减小较少;第二个将保证更好的质量,但尺寸减小较少;第二个更关注文件大小,但质量有一点损失。

3.TinyJPG | 小PNG

TinyJPG和TinyPNG是两个免费的在线工具,分别用于优化 JPEG 和 PNG 文件。它们非常易于使用:放下您的 .jpg/.png 文件,它们会自动压缩它。

您最多可以上传 20 张图片,每张图片最大 5MB;如果您使用专业帐户,则上传大小没有限制。

4.Kraken

Kraken可用作在线工具、WordPress 和 Magento 插件以及 API。
它提供了多种优化模式:无损、有损和专家。

最后一个可用于为有损 JPEG 和 PNG 优化设置不同的质量级别,保留一些 EXIF 元数据,并自动定向图像。
如果您开设免费帐户,您将能够通过网络界面上传最多 1MB 的图像。

其中一些选项仅适用于专业版客户,例如 URL Paster、Page Cruncher 或图像大小调整。专业用户可以通过 Kraken 云存储随时检索图像,而免费用户可以在 12 小时内下载优化后的图像。

5.Optimizilla

Optimizilla是一个超级易于使用的在线图像优化器,依靠优化和有损压缩算法的组合。它适用于 JPEG 和 PNG 图像,可以将它们减小到尽可能小的尺寸,而不会对质量产生负面影响。

您只需几个步骤即可获得优化的图像:一次最多上传 20 张图像,然后等待压缩停止。最后,您可以使用滑块控制压缩级别并将原始图像与最终图像进行比较。



评论

发表回复

必填项已用 * 标注