黑点工具

图片对比

两张图左右分割或透明叠加对比,一眼看出改了什么,还能导出差异图

这个工具做什么

这个页面提供图片对比:两张图左右分割或透明叠加对比,一眼看出改了什么,还能导出差异图。整个处理过程在你的浏览器内完成,文件不会被上传到任何服务器,因此无需注册、也没有次数与体积限制,断网状态下同样可用。

怎么用

  1. 把原图和对比图一起拖进来,第一张是「原图」
  2. 选「左右分割」拖动中间竖线看差异,或选「透明叠加」看穿叠效果
  3. 要看像素级区别就点「导出差异图」,不一样的地方会标红
  4. 差异图会给出「不同像素占百分之几」,量化改了多少

适用场景

  • 压缩前后对比,确认画质损失能不能接受
  • 设计稿改版,核对具体改了哪些地方
  • 同一张图的两个版本,找哪一版动过手脚
  • 截图存档前后比对,确认页面没被篡改

实测数据

实测:两张 3000 万像素的图逐像素比较,遍历全部 3,000,000 个像素用时 10 毫秒。差异图会额外生成一张 PNG,耗时主要在编码而不是比较。

常见问题

差异图的红色是怎么算的?

逐像素比较 RGB,取三个通道里最大的差值。超过 12 就算「变了」,差值越大红得越深,避免 JPEG 噪声把整张图染红。

差异图能当「文件被篡改」的证据吗?

不能。它只能说明两张图的像素不同,无法证明是谁在什么时候改的。要取证请用哈希值(SHA-256)配合可信时间戳。

为什么压缩后的图差异占比很高?

JPEG / WebP 是有损编码,几乎每个像素都会有一点点变化。占比高不代表画质差,要看差异图上的红色是不是集中在细节区域。

两张图尺寸不一样能比吗?

能。按同一块画布等比铺满,尺寸不同也能看出版式差异,但像素级差异分析要求尺寸一致。

差异图是什么意思?

把两张图逐像素相减,只把不一样的地方标红。适合检查压缩前后的画质损失,或者设计稿改版有没有漏改。

图片会上传吗?

不会。两张图都在浏览器内存里做像素运算,关掉标签页就没了,服务器上没有任何副本。

相关工具