截图式视觉测试（screenshot testing）：一种视觉回归检测方法，对网页或组件截取图像，再与基准图像比较，被判定为显著的差异会被标记为潜在的回归。
提到自动化视觉测试，Percy 长期以来是最先被想到的名字。2020 年被 BrowserStack 收购后，它成为想在测试流水线中增加视觉比较层的团队的“显而易见”的方案。
形势已经变了。每个团队今天应该问自己的问题，不再是“如何把 Percy 集成到我们的测试中？”，而是“Percy 的方法对我们的需求来说是否最合适？”
Delta-QA 以不同的方式回应同一个问题。没有按截图计费，也不用编写测试：你在浏览器中录制路径，Delta-QA 告诉你从一个版本到下一个版本哪个元素变了。以 SaaS 形式，或者通过 On-Premise 方案运行在你的网络内。让我们来比较一下。
我们所有的对比文章都基于可核实的标准：替代方案与对比。
如果测试每个页面都不会增加按截图计的账单呢？ Delta-QA 无需代码检查你的路径，提供免费账户，无需银行卡。 免费使用 Delta-QA →
Percy：作为现有测试延伸的视觉测试
Percy 的原理很简单：在自动化测试中你选定的位置触发一次截图。截图被发送到 BrowserStack 的基础设施，与基准图像（baseline）比较。差异显示在网页仪表盘中，团队在那里批准或拒绝每处变更。
要在你的路径中使用它，首先要有自动化测试（Cypress、Playwright、Selenium、Storybook，或众多受支持框架之一）。你安装对应的 Percy SDK，在合适的位置添加截图调用，并配置令牌以便与 Percy 通信。BrowserStack 宣布了一个“Visual Test Integration Agent”，截至 2026 年 10 月尚未推出，用于在 IDE 中自动完成这一部署。
Percy 还提供 Website Scanner：通过站点地图添加页面，安排定期扫描，包括在准生产环境以及需要身份验证的页面后面。这是无需编写测试就能监控页面的入口。而路径（登录、购物车、多步表单）则要通过你的测试和 SDK 来完成。
如果你是熟悉测试工具的开发者，这一切几个小时内就能完成。如果你不是开发者，你就依赖别人来搭建并维护你的路径测试。
Delta-QA：作为独立活动的视觉测试
Delta-QA 的假设正好相反：视觉测试不应该是嫁接在功能测试上的附件，它是一项完整的活动，有自己的用户。
具体来说，你在 Delta-QA 中打开网站，像用户一样走一遍场景：登录、导航、表单。每一步都成为一个检查点。下一个版本中，Delta-QA 在真实浏览器里重放该路径，并像人眼那样将每个页面与其基准比较，找出发生变化的元素。
结果是一份可读的报告：新增、删除、修改或移动的元素，变了的颜色，移动了的边距，不同的字体。你对每处差异做出判定，是有意为之还是缺陷，基准随之前进。
而这一切无需编写一行代码。只要你会浏览自己的网站，就会录制场景。
代码 vs 无代码：为什么这会改变一切
Percy 和 Delta-QA 之间最根本的差异不在技术上，而在组织上。
Percy 首先是开发者工具。对于路径来说，它存在于代码中，通过 npm 或 pip 安装，在文件中配置，在 CI/CD 流水线中执行。当你的测试人员是开发者时，这完全合乎逻辑。
想想你的团队。谁关心产品的视觉质量？当然是开发者。但还有创建设计稿的设计师、验证路径的产品负责人、制定验收标准的 QA 经理，以及管理内容页面的市场负责人。
使用 Percy，这些角色可以在仪表盘中批准或拒绝变更，也可以向 Website Scanner 添加页面。但需要操作的路径（登录、填充购物车、提交表单）仍然是编写测试的人的事。
Delta-QA 把他们都包括进来。团队中的任何人都可以录制路径、重放并判定结果。视觉测试成为共同的责任，而不是委派出去的技术任务。
按截图计费：一种压制覆盖范围的模式
Percy 的商业模式值得特别关注，因为它直接把测试覆盖与预算挂钩。
截至 2026 年 10 月，根据 BrowserStack 的价格表：
- Free：每月 5 000 张截图，用户数不限，一个月历史记录。
- Desktop：按年付费每月 199 美元起，含每月 10 000 张截图；每多一张截图收费 0.036 美元。
- Desktop & Mobile：按年付费每月 599 美元起，含每月 25 000 张截图以及真实移动设备；每多一张截图 0.048 美元。
- Enterprise：可选，需报价（SSO、访问控制、SLA）。
要留意的是截图的定义：页面、浏览器和屏幕宽度的每一种组合都会产生一张。如果你在 3 种宽度和 2 种浏览器上测试 10 个页面，每次执行就是 60 张截图。每天执行两次，免费配额不到三周就用完了。
以一个有 500 个商品页的电商网站为例，每次每日部署后在三种屏幕宽度上检查：每月 45 000 张截图。这已超出基础 Desktop 方案，每多一张都要付费。
这种模式在测试覆盖与预算之间制造了张力。团队最终会限制被测试的页面、频率或屏幕宽度，不是因为这是正确的技术决策，而是因为预算要求如此。
Delta-QA 不按截图计费。免费账户无需银行卡即可创建，之后的方案随使用情况而定，没有按截图、浏览器或屏幕宽度计数的计数器。
云端还是 On-Premise：你的数据主权
发送给 Percy 的每张截图都会经过 BrowserStack 的基础设施并存储在那里。对大多数公开网站来说，这不是问题。但公开网站只是团队所测试内容的一小部分。
你的后台呢？带有客户数据的内部仪表盘呢？带有匿名化不充分的生产数据的准生产环境呢？你的医疗门户、银行界面、人力资源系统呢？
把这些页面的截图发送给第三方，即使该第三方通过了认证，也会引出某些组织无法忽视的问题：GDPR、HDS、PCI-DSS、内部安全策略。截至 2026 年 10 月，Percy 的价格表没有提供 on-premise 部署。
Delta-QA 以其 On-Premise 方案作出回应。工具在你的网络内运行，你的页面在那里被比较，结果也留在那里。该方案可通过为期一个月的免费 POC 评估。
你的截图不该离开自己的环境吗？ Delta-QA 以 SaaS 形式运行，或者通过 On-Premise 方案运行在你的网络内。从免费账户开始，无需银行卡。 免费使用 Delta-QA →
结果的稳定性：渲染噪声
用过基于截图的视觉测试工具的人都知道误报。字体的渲染因系统而异，抗锯齿不同，在不同时刻捕获的动画会产生不同的图像，出现的滚动条会把所有内容移动几个像素。
Percy 在这方面下了很大功夫。据 BrowserStack 称，其“Percy Visual Engine”依靠计算机视觉和机器学习来生成差异。Percy 会在截图前禁用动画和 GIF，并提供比较灵敏度的设置。“Visual Review Agent”会突出显著的变化以加快评审。这些工具减少了筛查工作量，但并未消除：仍然需要有人查看每个差异并做出决定。
Delta-QA 从另一端解决这个问题：它比较页面的元素，而不是两张图像。报告会说明哪个元素变了、怎么变的（颜色、边距、字体、位置），这使每处差异都能被快速判定。要理解两种方法之间的区别，请参阅我们关于逐像素比较与感知比较的文章。
CI/CD 集成：两种方法
Percy 通过其 SDK 集成到 CI/CD 流水线。这是一个成熟的集成，适用于主流 CI 系统（GitHub Actions、GitLab CI、Jenkins、CircleCI），状态直接显示在 pull request 中。
Delta-QA 现在有了 SDK，即 Vision，面向 Playwright（TypeScript/JavaScript）。借助 SDK Vision，Playwright 测试在需要检查页面的地方添加一行；未经判定的差异会让测试失败，CI 日志会给出报告链接。你代码编写的测试和无代码录制的场景存在于同一个空间：相同的基准，相同的报告。Percy 在成熟度和所覆盖框架的数量上保持优势。
Percy 仍然是正确选择的情况
你想让视觉测试作为现有功能测试的补充。 如果你已有稳健的 Cypress、Selenium 或 Playwright 套件，添加 Percy 是阻力最小的路径，它在众多框架上拥有成熟的 CI 集成。
你需要视觉跨浏览器测试。 Percy 通过 BrowserStack 基础设施在多种浏览器上截图，并通过 Desktop & Mobile 方案在真实移动设备上截图。Delta-QA 目前在 Chromium 上比较，Firefox 和 WebKit 已在计划中。
你的团队由开发者组成。 如果将要做视觉测试的人都熟悉 SDK 和流水线，Percy 的入门门槛很低。
Delta-QA 是更好选择的情况
视觉测试本身就是一项需求，而不是功能测试的延伸。 如果你没有自动化测试，或者你的路径没有被它们覆盖，Delta-QA 无需编写测试就能检查这些路径。
非开发者需要参与。 QA、设计师、产品负责人、市场人员：如果他们需要不经过开发者就录制并判定路径，Delta-QA 就是为他们设计的。
你拒绝按截图计费。 如果你不希望被测试的页面、浏览器和屏幕宽度的数量由计数器决定，Delta-QA 的模式消除了这一约束。
数据保密不容谈判。 如果你的政策禁止把截图发送给第三方，Delta-QA 的 On-Premise 方案会把一切保留在你的网络内。
你想要一份读得懂的报告。 如果筛查图像差异让你气馁，一份指出变化元素和被修改属性的报告会改变评审的方式。
结论
Percy 是一款成熟的工具，与 BrowserStack 生态集成良好，对于想在自动化测试之上增加视觉层的开发团队来说很有效，并提供跨浏览器和真实设备。
但许多团队并不需要 SDK、云服务和按截图计费，就能发现路径的视觉回归。他们需要的是全团队都能使用的工具，而且账单不会随着测试的严谨程度而膨胀。
Delta-QA 就是为他们设计的。它的范围不比 Percy 更广，也不声称如此。它以更少的摩擦和更高的易用性解决路径的视觉测试问题。而被整个团队接受的工具，往往比令人惊叹的工具更有用。
准备好测试你的路径而不用数截图了吗？ 用 Delta-QA 录制你的第一个场景，免费账户，无需银行卡。 免费使用 Delta-QA →
FAQ
Percy 是免费的吗？
Percy 提供每月 5 000 张截图的免费方案，用户数不限，一个月历史记录（截至 2026 年 10 月）。超出之后，付费方案按年付费每月 199 美元起，含每月 10 000 张截图，之后每多一张截图收费。Delta-QA 从免费账户开始，无需银行卡。
不写代码能使用 Percy 吗？
部分可以。Percy 的 Website Scanner 监控通过站点地图添加的页面，支持定时扫描，无需编写测试。要检查路径（登录、购物车、表单），则需要自动化测试和 Percy SDK。Delta-QA 在浏览器中无需代码录制这些路径。
Delta-QA 能发现与截图相同的缺陷吗？
它能发现涉及页面元素的回归：颜色、大小、位置、字体、边距、新增或消失的元素。图像的内部内容或某个浏览器特有的渲染缺陷，更多属于图像比较的范畴。Delta-QA 目前在 Chromium 上比较。
Percy 能处理需要身份验证的页面吗？
可以。在你的自动化测试中，脚本在截图前处理登录；Website Scanner 也能扫描身份验证之后的页面。使用 Delta-QA，登录只是录制场景的一部分。
Delta-QA 有像 Percy 那样的 SDK 吗？
有。Delta-QA 现在有了 SDK，即 Vision，面向 Playwright（TypeScript/JavaScript）。SDK Vision 只需一行就能让 Delta-QA 检查一个页面，未经判定的差异会让测试失败，并在 CI 中附上报告链接。
Percy 可以 on-premise 运行吗？
截至 2026 年 10 月，Percy 的价格表没有提供 on-premise 部署：渲染和存储都在 BrowserStack 的基础设施上进行。Delta-QA 提供 On-Premise 方案，可通过为期一个月的免费 POC 评估。
Percy 和 Delta-QA 可以共存吗？
可以。你可以在自动化测试中保留 Percy 用于组件和跨浏览器，同时使用 Delta-QA 让全团队无需代码就能检查自己的路径。两个工具互相独立。