shot-scraper 1.12 支持 WebP 截图：网页截图体积大幅缩小的实用更新

一句话结论

shot-scraper 1.12 给命令行截图工具加上 WebP 输出：输出后缀改成 .webp 即可，实测体积几乎总是显著小于 JPEG/PNG，批量截图入库的 AI 内容工作流直接省空间省带宽。

Simon Willison 的 shot-scraper 是一个基于 Playwright 的命令行截图自动化工具，覆盖网页截图、录屏、JavaScript 抓取三类用途，常用于给 AI 应用和自动化工作流批量生成页面素材。1.12 版本加上了 WebP 输出，一条命令即可使用：

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

--quality 80 控制有损压缩质量；不传这个参数，生成的 WebP 就是无损格式，按你的存储策略选择即可。

为什么值得换：体积收益直接

按 Willison 的实际使用经验，WebP 截图”几乎总是显著小于”等价的 JPEG 或 PNG 文件。对应的体积对比数据在 GitHub PR #210 里可以查到。

对单张截图来说这是小事，但如果你的 AI 内容工作流需要批量截图——给 AI 应用做页面留档、给大模型应用的产品文档配图、内容监控存证、批量生成文章头图——体积差会随规模累积成可观的存储与带宽成本。用 WebP 重新生成整站截图素材，是最省事的一档优化。

一个真实的连用场景

这个功能不是为发版而发版：Willison 加 WebP 支持，是为了给他同期发布的另一个 AI 编程工具 commit-rewriter 生成发布截图。工具链互相配合——shot-scraper 负责产出更小的图，新工具页面使用更小的图——这是独立开发者把自用需求沉淀成通用工具的典型路径，也示范了如何用命令行截图工具搭进自己的 AI 工具链。

适用判断

• 已在用 shot-scraper 的：升级后把输出后缀改成 .webp，即可直接享受体积收益。
• 有批量网页截图需求的：截图、录屏、JS 抓取三合一，配合 WebP 输出，可以替代不少自写脚本，也适合接进 AI 应用的素材生成管线。

原文信息

原文地址： 作者：Simon Willison（@simonw），Django 联合创始人、Datasette 作者 发布时间：2026-09-13