shot-scraper 1.12 新增 WebP 支持：截图体积大幅缩小

开发者 Simon Willison 为自己的截图自动化工具 shot-scraper 发布了 1.12 版本，核心更新是加入了 WebP 格式支持。对于经常需要批量生成网页截图的开发者和内容创作者来说，这是一个实用的小改进。

WebP 支持带来了什么

shot-scraper 是一款基于 Playwright 的命令行截图工具，能够自动化地对网页进行截图。此前它主要输出 PNG 和 JPEG 格式，而在 1.12 版本中，用户可以直接生成 WebP 格式的截图。

使用方式非常简洁，只需在命令中指定 .webp 输出文件名即可：

shot-scraper https://simonwillison.net -o screenshot.webp --quality 80

其中 --quality 选项用于设置图片质量。如果不加这个参数，shot-scraper 会生成无损（lossless）的 WebP 文件；加上后则采用有损压缩，通过牺牲少量画质换取更小的体积。

Playwright 是微软开发的开源浏览器自动化框架，支持 Chromium、Firefox 和 WebKit 三大浏览器引擎。与早期的 Puppeteer 相比，Playwright 提供了更完善的跨浏览器支持和更稳定的 API。shot-scraper 以 Playwright 为底层驱动，意味着它能够渲染完整的 JavaScript 动态页面，而不仅仅是抓取静态 HTML，这使得截图结果与用户在浏览器中实际看到的页面完全一致。

为什么选择 WebP

WebP 是由 Google 推出的现代图片格式，在保持相近视觉质量的前提下，通常比 JPEG 和 PNG 拥有更小的文件体积。作者在发布说明中明确指出，根据他的实际使用经验，WebP 截图的文件大小几乎总是显著小于对应的 JPEG 或 PNG 版本。

这一点对于需要在网页中大量嵌入截图的场景尤其重要。更小的图片体积意味着更快的页面加载速度、更低的带宽消耗，以及更好的用户体验。相关的 Pull Request 中还附带了一些具体的体积对比示例，供有兴趣的用户参考。

WebP 由 Google 于 2010 年发布，其压缩算法基于 VP8 视频编码技术（有损）和 WebP 无损编码（无损）。根据 Google 的测试数据，相同质量下 WebP 有损压缩比 JPEG 平均小约 25–34%，无损压缩比 PNG 平均小约 26%。WebP 同时支持透明通道（Alpha 通道），这是 JPEG 所不具备的特性，因此它可以在很多场景下同时替代 PNG 和 JPEG。目前主流浏览器（Chrome、Firefox、Safari 14+、Edge）均已原生支持 WebP，使其成为网页图片的实用选择。

一个真实的应用场景

值得一提的是，作者开发这项功能并非纯粹的技术演练，而是有明确的实际需求。他表示，之所以推出 WebP 支持，是为了给自己的新工具 commit-rewriter 生成配图截图。

这种「因需而做」的开发模式，也是开源工具迭代的常见路径——作者本人既是维护者也是重度用户，功能的实用性往往经过真实场景的检验。这类基于 Playwright 的自动化截图工具，在生成文档配图、监控网页视觉变化、自动化测试等场景中都有广泛用途，而 WebP 的加入让它在输出效率上又前进了一步。

小结

shot-scraper 1.12 的更新虽然不大，却切中了截图工具的一个常见痛点：图片体积。通过引入 WebP 格式和灵活的质量控制选项，它让用户能够在画质与体积之间自由取舍。对于依赖自动化截图工作流的开发者而言，升级到新版本、尝试用 WebP 替代传统的 PNG/JPEG 输出，是一个值得考虑的优化。