查看图片工具的状态。
将图片放到网页上是一回事,但要做好却很难。否则,如果我们自己完成所有这些操作,就很容易忘记选择正确的格式、压缩率、每英寸点数 (DPI) 和数百项其他设置。
好消息是,如今有许多工具和服务可以为我们完成这一切。不太好的消息是,有太多这样的应用。您可能很难选择哪种工具或服务最适合您。因此,我们推出了 images.tooling.report 网站,在其中列出了我们认为在生产环境中交付映像时最重要的事项,并对一些最受欢迎的软件和服务(无论是付费还是免费、托管还是自托管)进行了比较。
原因是什么?
图片占据了网站传输字节的很大一部分,这些字节会累加起来!事实上,我们发现未优化的图片占到了网页总大小的近 75%。所有这些浪费的字节都会产生费用。因此,在对数百万次真实用户会话进行的一项研究中,我们发现,与未促成转化的网页相比,促成转化的网页的图片数量要少 38%。那么,您是否应该直接删除所有图片?当然不是。不过,您应确保您发送的图片针对所有用户进行了优化,无论他们使用的是哪种设备。
这是什么?
投放经过优化的图片不仅仅是点击“保存为网页图片”。因此,images.tooling.report 会检查各种功能。我们将介绍一些基本知识,例如不同工具和服务提供的压缩率,以及长效缓存标头等网络优化。
不过,我们不会就此止步。我们搜索了更高级的选项(例如支持 Save-Data
、ECT
和其他客户端提示),以寻找可使用数据模型反复压缩图片的自动心理视觉分析,从而找到占用字节数最少且不会改变我们眼睛感知方式的版本。在发送图片之前,您是否会尽可能地压缩图片中所有非视觉数据?

当然,每个网站都是独一无二的,没有任何工具或服务能完全满足我们的需求。这是正常现象!因此,我们将测试内容分为不同的类别。我们将介绍内容分发网络 (CDN)、自托管项目、内容管理系统 (CMS) 插件和网站构建器。这些定义相当宽泛,目的是让比较不同选项时更具相关性:
- CMS 插件是一种软件包,可让您在 WordPress 等平台上轻松进行开发。
- 网站构建器会比较可用于构建网站的多种不同服务。
- 自托管适合熟悉克隆 Git 项目或在生产环境中运行自己的 Docker 映像的开发者。
- CDN 稍微复杂一些。其中一些是传统意义上的 CDN,但另一些则是在边缘代理或托管图片的服务。
您不可能时时刻刻满足所有人的需求,但您应该查看正在评估的测试和功能,看看您的图片优化工具与其他工具相比如何!如果您目前还没有针对图片优化采取任何措施,这时,不妨查看图片工具,了解您可以为已经在使用您网站的用户带来哪些好处。
后续操作
您认为我们漏掉了哪些图片工具或服务?请告诉我们!工具和服务以及测试本身都是不断更新的。每当您需要快速查看发货图片的状态时,请务必先访问 images.tooling.report。
主打图片:Unsplash 上的 Michael Maasen 提供。