最近,我发现自己越来越专注于优化页面加载时间。提高页面速度对于客户来说是很容易理解的,它对用户体验和转换以及SEO都有积极的影响。
挑战常常是,提高页面速度的某些元素可能需要来自开发资源的大量输入(例如,对可见内容进行优先排序,消除阻断租用者的JavaScript或CSS)。
但是有一个页面速度优化元素,即使非技术营销人员和内容创建者也可以贡献:图像优化。正如Kristine Schachinger在她的一篇关于图像优化的优秀文章中指出的那样,调整和压缩图像通常是提高站点页面速度最简单、效果最好的方法。
Schachinger在列出图像压缩和调整最佳实践方面做得很好,但一旦你知道哪些图像需要处理(或者如果你只是想添加一些新图像到你的站点),什么才是压缩图像的最佳工具呢?
由于图像压缩很容易就能获得成功,所以我想测试五种不同的免费独立图像压缩工具的性能,作者、设计师或市场营销人员可以使用这些工具来确保他们的图像文件大小处于受控状态。
在这篇文章中,我使用了我自己的网站上的三张图片:
一个标志
一个大的滑块图像,没有被压缩
这是我们创建的没有压缩的信息图
其中两张图片是PNG的,一张是JPG的,而且每一张都没有考虑过优化大小或最终压缩(这在“野外”是很常见的)。
有很多不同的免费图像优化工具。虽然我不知道所有的工具,但我已经查看了15到20种不同的工具,并发现这5种工具是最适合大多数用途的。我想大多数阅读这篇文章的人可能会发现这五种中的一种很适合他们的图像压缩需求。
让我们来看看我用来压缩图像的各种工具。
1. Optimizilla
Optimizilla有一个非常简单的接口:
Optimizilla图像压缩工具的屏幕截图
Optimizilla最大的“优点”的支持,该工具允许您运行20图像通过压缩一次(两个其他人在这个名单上),它有一个大图片预览功能允许您拨打向上或向下的“质量”的照片。
这个滑块质量特性允许您调整图像压缩的基础上生成图像是否会接受。降低质量会缩小图像的大小,所以如果你看不到60%和90%图像质量的差别,你可能会想要降低到60%来尽可能地缩小图像的大小。
2. TinyPNG
与Optimizilla一样,TinyPNG有一个漂亮、简单的界面,一次最多可以运行20张图片。它也有一个方便的“导出到Dropbox”选项:
TinyPNG截图
3.Compressor.io
压缩机。io还提供压缩功能。不幸的是,这里没有批量上传功能,所以你只能一次上传一张图片:
截图Compressor.io
4. 海妖
Kraken允许用户上传多个文件。它还有一些不错的功能,比如允许你轻松地将文件导出到Dropbox,或者从Box、Dropbox或谷歌驱动器导入文件。另外,Kraken还允许“高级”定制,比如改变照片的质量和方向,保存照片的元数据。
Kraken图像压缩工具截图
巨妖的主要缺点是,它是唯一的工具列表,不会执行压缩所有文件的免费版本的工具。我们的大信息图(一个非常大的文件,有1.7MB)达到了他们的免费上限。他们的专业计划目前从5美元到79美元一个月。
5. 礼物的速度
礼物的速度提供单独的PNG和JPG压缩器。它为PNG功能批量上传,但不是JPG压缩。
礼物的速度截图
结果如何?
正如您在下面看到的,所有的工具都对图像大小有显著的影响。值得注意的是,在每个实例中,我都从每个工具中获取了压缩图像的默认版本——如果在Kraken和Optimizilla等工具中调整高级设置,我可能会获得更大的收获。
表示不同工具的图像压缩度量的图像
可以看到,在原始默认性能上,对于两个较大的图像,TinyPNG具有最小的文件大小和压缩器。io的logo尺寸最小。如果你对图片前后的质量感兴趣,我已经把所有的文件都上传到一个公共的Dropbox文件夹了。
如果您正在为您的团队寻找一种非常容易使用并且默认情况下输出小得多的图像的工具,我可能会推荐TinyPNG。就我个人而言,我会经常使用Optimizilla,因为我发现它是sim的最佳组合