利用 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,发布于 Unsplash。