从大到小:5个免费图像压缩工具回顾

最近,我发现自己越来越专注于优化页面加载时间。提高页面速度通常很容易被客户理解,它对用户体验、转化率和SEO都有积极的影响。

常见的挑战是,提高页面速度的一些元素可能需要来自开发资源的大量输入(例如,对可见内容进行优先级排序,消除对JavaScript或CSS的阻塞)。

从大到小:5个免费图像压缩工具回顾

从大到小:5个免费图像压缩工具回顾

但是,即使是非技术的营销人员和内容创作者也可以贡献一种页面速度优化的元素:图像优化。正如Kristine Schachinger在她的关于图像优化的优秀文章中指出的那样,调整和压缩图像通常是最简单、最有效的行动,以加速你的网站上的页面。

Schachinger在概述图像压缩和调整最佳实践方面都做得很好,但是一旦你知道哪些图片需要工作(或者你有一些新图片要添加到你的网站),那么压缩图片的最佳工具是什么?

由于图像压缩可以很容易地获得成功,我想测试五种不同的免费独立图像压缩工具的能力,作者、设计师或营销人员可以使用这些工具来确保他们的图像文件大小保持在可控范围内。

在这篇文章中,我从一个我拥有的网站上通过每个工具运行了三个图片:

一个标志

一个没有被压缩的大的滑块图像

我们创建的信息图没有被压缩过

其中两张图片是PNG格式的,一张是JPG格式的,每一张都是没有任何聚焦于优化尺寸或最终被压缩的(通常情况下是“在自然状况下”)。

有很多不同的免费图像优化工具。虽然我确定我没有意识到这些,但是我已经检查了15到20种不同的工具,发现这5种工具是最适合大多数用途的。我认为,大多数阅读这篇文章的人可能会发现,这五篇文章中的一篇很适合他们的图片压缩需求。

让我们浏览一下我用来压缩图像的各种工具。

1.Optimizilla

Optimizilla有一个非常简单的界面:

优化图像压缩工具的屏幕截图

Optimizilla最大的“优点”的支持,该工具允许您运行20图像通过压缩一次(两个其他人在这个名单上),它有一个大图片预览功能允许您拨打向上或向下的“质量”的照片。

这个质量滑动条特性允许您根据所生成的图像是否可以接受来调整图像压缩。降低图像的质量会缩小图像的大小,所以如果你在60%和90%的图像质量之间看不到很大的差别,你可能会想要把图片的大小降低到60%,以尽可能减少图片的尺寸。

2.TinyPNG

和Optimizilla一样,TinyPNG有一个很好的、简单的界面,它可以允许你一次运行20张图片。它还有一个方便的“导出到Dropbox”的选项:

3.Compressor.io

Compressor.io还提供压缩。但不幸的是,这里没有批量上传功能,所以你必须每次上传一张图片:

4. Kraken

Kraken确实允许你上传多个文件。它也有一些不错的功能,比如允许你方便地将文件导出到Dropbox,或者从Box、Dropbox或Google drive导入文件。此外,Kraken还允许“高级”定制,比如改变质量和方向,并保存照片的元数据。

Kraken的图像压缩工具屏幕截图

Kraken的主要缺点是,它是列表上唯一的工具,它不会对所有文件的所有文件进行压缩。我们的大信息图(这是一个非常大的文件,在1.7 MB)达到了他们的免费上限。他们的专业计划目前的价格从每月5美元到79美元不等。

5.速度之礼

速度之礼提供独立的PNG和JPG图片压缩器。它的特点是PNG的批量上传,但不是为他们的JPG压缩器。

速度之礼截图

结果怎么样?

正如您在下面看到的,所有的工具都对图像大小有很大的影响。但值得注意的是,在每个实例中,我从每个工具中获得了压缩图像的默认版本——我可能会通过调整Kraken和优化器等工具的高级设置来获得更大的收益。

图像用不同的工具表示来自图像压缩的度量

如您所见,在原始的默认性能上,TinyPNG有两个更大的图像和压缩器的最小文件大小Compressor.io的商标尺寸最小。如果你对图片质量前后的好奇感兴趣,我把所有文件都上传到了Dropbox的一个Dropbox文件夹中。

如果您正在寻找一个工具,让您的团队使用它非常容易,并且在默认情况下输出一个小得多的图像,那么我可能会建议您使用TinyPNG。就我个人来说,我就经常使用Optimizilla,因为我发现这是一个简单的界面和一些易于使用的定制的最佳组合(如果需要的话,我可以预览和降低质量,以帮助缩小文件)。

这会有什么影响呢?

你可能会想,“好吧,很好,你让这些图像文件变得更小了,但是这对我的页面加载速度有多大影响呢?”

可以帮助演示如何戏剧性的影响,我创建了一个页面一个WordPress站点,首先添加初始图像(而不是其它)页面的主体并记录总页面加载速度,然后移开它们,取而代之的是最小的每个文件的版本。

页面加载和所有原始图片添加到一个页面:

5.882秒

页面加载,每个图片的最佳优化版本添加到一个页面:

2.369秒

因此,在三个图像优化后,页面加载时间减少了一半以上。

现在,这显然是一个特别明显的影响考虑到大型的信息图表文件的存在,但你的商标(或类似文件)都出现在你的网站上的每个页面,有一个很好的机会,在博客文章、产品图片中和其他领域的网站上,你有几个未经优化的图像。通过使用这些未经优化的图片,您将丧失多少页面负载影响(以及最终的流量和收入)?

Add Comment

Required fields are marked *. Your email address will not be published.