我想比较软件不同站点的屏幕截图（稳定版和发布版）（手动检查的太多了）。屏幕截图将在不同的自动化硒验收测试中创建。
现在我想以一种有用的方式比较（比较并创建差异图像）屏幕截图。目前，屏幕截图将逐个像素（像素的颜色）进行比较。对于模糊性，我计算了颜色的 Delta-E（实验室空间和欧几里得距离）。
计算距离的算法有 AE、FUZZ、MAE、MEPP、MSE、NCC、PAE、PHASH、PSNR、RMSE 和 Perceptual Diff。不知道每个细节，但都是基于像素的颜色？还有什么...
然后还有其他距离度量，例如欧几里得距离和曼哈顿距离。但这些也是基于颜色的。
谁能告诉我提到的哪个最适合屏幕截图比较？还是有更好的方法？例如，区分不同的元素会很好（如果按钮丢失，那么输入字段稍微移动会更糟糕）。或者考虑所有元素都移动了 1px。然后图像就完全不同了。
我认为最大的问题是，截图没有语义。有没有人对我的要求有好的想法？也许与 DOM、计算样式、模板匹配或边缘检测的组合是可能的？经验？
PS 我知道 PhantomCSS、Wraith 等框架。但我检查的代码最多。他们使用 ImageMagick 或进行简单的基于像素的比较。