小丸工具箱官方网站
最近小丸工具箱压缩画质吗,我发现自己越来越关注优化页面加载时间。提高页面速度通常很容易被客户理解小丸工具箱压缩画质吗,并且它对用户体验和转换以及SEO都有积极影响。
通常,挑战可能是提高页面速度的一些要素可能需要开发资源的重要输入(例如,优先考虑可见内容,消除渲染阻塞Java或CSS)。
但是页面速度优化有一个要素,即使是非技术性的营销人员和内容创建者也可以为图像优化做出贡献。正如Kristine Schachinger在她关于图像优化的优秀文章中指出的那样,调整图像大小和压缩图像通常是加快网站页面速度的最简单和影响最大的操作。
Schachinger在概述图像压缩和重新调整最佳实践方面做得非常出色,但是一旦您知道哪些图像需要工作(或者您只是将一些新图像添加到您的网站中),实际压缩图像的最佳工具是什么?
由于图像压缩可以是如此简单的胜利,因此我想测试五种不同的免费独立图像压缩工具的功能,作家,设计师或营销人员可以使用这些工具来确保他们保持图像文件的大小。
对于这篇文章,我通过每个工具从我自己的网站上跑了三张图片:
一个标志
未压缩的大滑块图像
我们创建的信息图没有被压缩
其中两个图像是PNG,一个是JPG,每个图像都没有专注于优化尺寸或最终被压缩(如“野外”中经常出现的情况)。
有很多不同的免费图像优化工具。虽然我确定我没有意识到所有这些,但我已经检查了15到20种不同的工具,并发现这五种工具最适合大多数用途。我认为很可能大多数人阅读这篇文章后会发现,其中的一个很适合他们的图像压缩需求。
我们来看看我用来压缩图像的各种工具。
1. OptimizillaOptimizilla有一个非常简单的界面:
展开全文
Optimizilla中最大的“优点”是该工具允许您一次运行多达20个图像进行压缩(此列表中的其他几个也可以),并且它具有出色的图像预览功能您可以拨打或关闭照片的“质量”。
此质量滑块功能允许您根据生成的图像看起来是否可以接受来调整图像压缩。拨打质量会缩小图像的大小,因此如果在60%与90%的图像质量之间看不出太大的差异,则可能需要将事件降至60%以尽可能减小图像大小。
2. TinyPNG像Optimizilla一样,TinyPNG 有一个不错的,简单的界面,可以一次运行多达20个图像。它也有一个方便的“导出到Dropbox”选项:
3. Compressor.ioCompressor.io也提供压缩。不幸的是,这里没有批量上传功能,因此您必须一次上传一张图片:
KrakenKraken允许小丸工具箱压缩画质吗你上传多个文件。它还具有一些很好的功能,例如允许您轻松地将文件导出到Dropbox或从Box,Dropbox或Google驱动器导入文件。此外,Kraken允许“高级”自定义,例如改变质量和方向并为照片保留元数据。
Kraken的主要缺点是它是列表中唯一不会对该工具的免费版本中的所有文件执行压缩的工具。我们的大图(这是一个非常大的文件,大小为1.7MB)达到了他们的免费上限。他们的专业计划目前从每月5美元到79美元不等。
5.速度的礼物Speed的礼物提供单独的PNG和JPG压缩机。它具有批量上传PNG的功能,但不支持JPG压缩器。
结果呢?正如您在下面看到的,所有工具都对图像大小有重大影响。值得注意的是,在每种情况下,我都从每个工具中获取了压缩映像的默认版本 - 通过调整Kraken和Optimizilla等工具中的高级设置,我可能会体验到更大的收益。
正如您所看到的,在原始默认性能上,TinyPNG具有两个较大图像的最小文件大小,而Compressor.io具有该徽标的最小尺寸。如果您想了解图像质量之前和之后,我上传的所有文件到一个公共的Dropbox文件夹位置。
如果你正在寻找一个适合你的团队的工具,使用起来非常简单,默认情况下会输出一个更小的图片,我可能会推荐TinyPNG。就个人而言,我会经常使用Optimizilla,因为我发现它是一个简单的界面与一些易于使用的定制(我可以预览和调低质量以帮助缩小文件,如果需要的话)的最佳组合。
这实际上如何影响事物?您可能会想,“好的,太好了,所以您将这些图像文件缩小了很多 - 但对于我的页面加载速度有多大影响?”
为了帮助演示这种影响的戏剧性,我在WordPress网站上创建了一个页面,并首先将最初的图像(没有其他内容)添加到页面主体中,并记录了页面的总加载时间,然后将其删除并替换他们与每个文件的最小版本。
将所有原始图片添加到页面的页面加载:
5.882秒
页面加载与每个图像的最佳优化版本添加到一个页面:
2.369秒
所以,一旦三幅图像被优化,页面加载时间就会减少一半以上。
现在,考虑到大型信息图表文件的存在,这显然是一个特别明显的影响,但是您的徽标(以及类似文件)出现在您网站上的每个页面上,博客文章,产品图像和其他区域之间很可能存在您的网站,您有几个未优化的图像。通过使用这些未优化的图像,多少总页面负载会影响(并最终产生多少流量和收入)?