|
|
|
|
如何优化你网站的图像和图片,以及为什么要这么做 |
(转载:www.idcew.com)高分辨率图片看起来清晰度高,但他们也往往较大(从文件),这意味着更长的加载时间。如果你的网站总是充满了他们,那么会有一些游客不想停留等待他们加载。 幸运的是,有一种解决方法,不必求助于低分辨率图形。事实上,有很多工具可以用来压缩或优化你的图像到尽可能低的尺寸,而不会产生明显的质量下降。 在这篇文章中,我们将探讨加载时间是多么重要,在介绍两个优秀的工具,以帮助您优化您的图像之前。我们甚至会测试他们,看看他们是否符合他们的要求,所以让我们开始! 为什么优化你的形象是重要的 简单地说,你的图像越大,你的页面要加载的时间越长。当然,有很多其他因素可能会影响你的网站速度,但大文件大小肯定不会帮助事项。 你的网站加载的时间越长,你的反弹率就会越高。这些网站用户在等待网站加载时是出了名的不耐烦。简单地说,一个缓慢的网站导致整体用户体验不佳。 好像这是不够的,长的加载时间也可以影响您的搜索引擎优化(SEO)。谷歌多年来一直以站点速度作为排名因素,所以它绝对值得关注。 2免费工具,以优化您的网站的形象 在本节中,我们将向您介绍两个免费的图像优化工具,并解释如何使用它们。作为奖励,我们还测试了工具,以帮助您做出正确的选择。 首先,我们会给你一个快速运行我们的测试方法。我们一起把基本的网页显示一组优化的图像和测量花多长时间来加载,使用Pingdom网站速度测试。 然后,我们通过每个工具运行的图像,并测量优化后的加载时间的差异。在开始的测试中,我们的页面重1.7mb负载在0.789秒。 让我们来看看工具和他们如何表现! 1。tinypng tinypng图像优化器 尽管它有点误导性的名字,TinyPNG可以优化PNG和JPEG文件。只需上传图片从您的计算机到网站通过网页,该工具将自动压缩它们。 tinypng最多可以处理20个图像时,具有最大文件大小为5每。一旦他们进行了优化,您可以下载他们单独点击下载旁边的每个文件,或在一个单一的压缩文件通过选择绿色下载所有按钮。 如果你是一个WordPress的用户,你的运气–还有一个插件版本,使您能够自动优化过程。 事不宜迟,让我们看看TinyPNG是如何在我们的测试中的表现: 加载时间:0.789秒(1.7mb)优化 加载时间:0.294秒(优化后635kb) 通过tinypng单通成功削减页面的大小的62.65%,并削减了一半以上的加载时间。一点也不坏! 2。optimizilla optimizilla图像优化器 就像以前的工具,Optimizilla支持PNG和JPEG文件,并且可以优化多个图像在一次。在主页上,点击上传文件按钮,选择你的图像,他们将被自动压缩。然后选择下载以获取新文件。 Optimizilla让你查看你的原始图像和经过优化的版本并排一旦压缩完成,所以你可以检查是否有任何明显的差异。 预览功能还包括一个质量滑块,使您能够进一步压缩您的图像,以换取在分辨率损失。在我们的测试中,我们注意到最小的差异,减少滑块下降到60 - 70范围(满分为0 - 100)。 让我们看看使用默认设置的结果: 加载时间:0.789秒(1.7mb)优化 加载时间:0.418秒(优化后902kb)(转载:www.idcew.com) |
|
|