利用 images.tooling.report 完善您的网站图片

查看图片工具的状态。

Patrick Kettner
Patrick Kettner

将图片放到网络上是一回事,但要做到这一点很难。选择正确的格式、压缩方式、每英寸点数 (DPI) 以及数百种其他设置在自行完成时很容易忘记。

好消息是,如今有大量工具和服务可以满足我们这一切的需求。不太好消息的是,内容非常丰富。挑选适合您的工具或服务可能并非易事。因此,我们推出了 images.tooling.report,该网站会列出我们认为在正式版中传送图片时最重要的内容,并比较一些最受欢迎的软件和服务,无论它们是付费还是免费、托管还是自行托管。

图片在网站传输的字节数中占很大一部分,这些字节相加!事实上,我们发现未经优化的图片占网页总大小的近 75%。所有这些浪费的字节都会有代价。因此,在对数百万个真实用户会话进行的研究中,发生转化的网页包含的图片比未发生转化的网页少 38%。那你是不是应该删除所有图片?当然不是。但是,您应该确保发送的图片已针对所有用户进行优化,无论他们使用何种设备。

它是什么?

要提供经过优化的图片,您不仅只需点击“Save for Web”,因此, images.tooling.report 会检查各种功能。我们介绍了各种基础知识,例如不同工具和服务提供的压缩程度,以及网络优化(例如长期缓存标头)。

不过,我们不会止步于此。我们搜索了一些更高级的选项,例如对 Save-DataECT 和其他客户端提示的支持,以寻找可使用数据模型重复压缩图片的自动化心理视觉分析,从而在不改变眼睛感知方式的情况下找到占用最少字节的版本。你是否在将图像中的每一点非视觉元素都挤压后,才会沿着线缆向下传输?

深色模式下 images.tooling.report 的着陆页屏幕截图。

当然,每个网站都如一朵雪花,没有任何工具或服务能做到完全满足我们的需求。这是正常现象!因此,我们将测试内容划分为不同的类别。我们涵盖内容分发网络 (CDN)、自托管的项目、内容管理系统 (CMS) 插件和网站开发工具。这些是相当宽泛的定义,目的是为了让比较不同的选项更具相关性:

  • CMS 插件是一种软件包,可以轻松在 WordPress 等平台上进行开发。
  • 网站开发工具会比较可用于构建网站的众多不同服务。
  • 自行托管适用于那些能够熟练地克隆 git 项目或能够在生产环境中运行自己的 Docker 映像的开发者。
  • CDN 则更加复杂。其中一些服务在传统意义上是 CDN,但另外一些服务则是在边缘代理或托管您的图片。

您不可能始终满足每个人的需求,但您应该查看接受评估的测试和功能,了解您的图片优化器与其他工具的对比情况!如果您现在没有进行图片优化方面的工作,该怎么办?接下来不妨了解一下图片工具,看看您可以为已在使用您网站的用户带来哪些好处。

后续操作

您认为我们错过了某个图片工具或服务吗?请告诉我们!无论是工具、服务,还是测试本身,都是一个不断更新的内容。如果您需要快速了解先进的配送图片技术,请务必首先访问 images.tooling.report

主打图片,由 Michael Maasen 制作,用于 Unspin。