1
近乎相同的颜色偏移
检测小到 RGB 中 1-2 个值的颜色变化（例如 #666666 vs #626262），肉眼不可见。
20 测试用例
细微变化
最难诊断的视觉回归是那些低于有意识感知阈值的：不再出现的 hover 状态、正文中链接下划线消失、被默认浏览器样式覆盖的自定义 scrollbar 样式，或 macOS 上让所有排版微妙地变粗的 antialiasing 变化。没有人会主动报告这类问题，但用户体验在悄然下滑——站点显得「不那么精致」，信任度下降，点击率毫无明显原因地降低。在业务型界面上，这些漂移随每个 sprint 累积，最终侵蚀 design system 的视觉一致性，最终需要进行整体重构。原因往往是为修复某个具体场景而引入的 CSS reset、-webkit-font-smoothing 的修改、编辑型内容区域中链接全局样式的更改，或生产与 staging 环境样式表加载顺序不同导致的冲突。从定义上讲，人工检测这些偏差无法扩展，因为它需要对成百上千张基准截图保持完美的视觉记忆。Delta-QA 在像素级别运作，并应用经过校准的感知分析算法，忽略可接受的渲染噪声，但即使是几乎肉眼不可察的偏差也会发出警报。Diff 突显受影响的区域，将一次无形的视觉回归转化为可执行的信息，使 QA 团队能在精修品质漂移变得对用户可见之前及时阻止，让视觉回归测试真正落地。
我们检测什么
2
抗锯齿差异
捕获字体和边缘抗锯齿变化，产生不同的亚像素平滑模式。
3
亚像素渲染
监控小数像素定位和由 transform 或百分比尺寸引起的渲染差异。
4
字体平滑变化
检测影响文本清晰度和粗细感知的 -webkit-font-smoothing 和字体渲染变化。
实际场景
🎯
按钮悬停效果消失了
一位开发者添加了全局 CSS reset，删除了链接和按钮的悬停样式。鼠标悬停时，按钮不再改变颜色或阴影——与默认状态完全一样。访客完全没有视觉反馈来知道这是可点击的。点击率下降，没人知道为什么。这个改动是大规模 CSS 重构的一部分，没人检查过悬停状态。Delta-QA 捕获元素的悬停状态并对比截图：悬停时不再改变外观的按钮在差异图中立刻显现。
⚠️
与正文融为一体的链接
一位开发者修改了全局链接样式，副作用是正文中的链接失去了下划线和独特颜色。它们现在看起来和普通文字一样——相同的颜色、相同的样式。访客在文章和内容页面中不知道该点击哪里。开发者检查了主导航（使用了特定的类名），没检查内容中的链接。Delta-QA 对比截图，高亮不再与文字区分的链接——缺少下划线和独特颜色在差异图中清晰可见。
💡
改变样式的滚动条
一个 CSS 改动覆盖了自定义滚动条样式。纤细优雅的滚动条被浏览器默认的粗灰色滚动条取代。网站失去了精致感，内容区域在视觉上变窄了。这种回归没人会主动去找——大家只是隐约感觉到了但找不到原因。Delta-QA 对比截图，高亮变化——粗滚动条取代自定义设计在叠加图中清晰可见。
💡
改变的抗锯齿渲染
一位开发者引入了新的 CSS reset，将 -webkit-font-smoothing 从 antialiased 改为 auto。在 macOS 上，网站所有文字看起来更粗、更模糊——像是有人轻微模糊了排版。Mac 用户觉得网站"不够精致"但说不出具体原因。在预发环境中测试通过，因为测试环境运行在 Linux 上，渲染效果不同。Delta-QA 对比截图，检测到渲染变化——更粗更模糊的字符在叠加图中清晰可见。