1
近乎相同的颜色偏移
检测小到 RGB 中 1-2 个值的颜色变化（例如 #666666 vs #626262），肉眼不可见。
20 测试用例
细微变化
最危险的回归是那些肉眼看不到的。亚像素渲染差异和抗锯齿变化可能逃过手动 QA。Delta-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 对比截图，检测到渲染变化——更粗更模糊的字符在叠加图中清晰可见。