浏览器本地差异检测

图片比较与差异检测

在线并排比较两张图片、叠加查看,或突出显示像素级差异。适合截图回归、设计稿审核和版本核对。

图片不会上传Worker 本地分析JPG · PNG · WebP · AVIF · GIF · BMP

A

原图 / 版本 A

B

修改后 / 版本 B

使用方法

三步找出图片差异

上传两个图片版本,选择适合的比较方式并调整灵敏度,即可快速定位修改区域。

  1. 01

    添加两个版本

    分别选择原图和修改后的图片,支持拖放或浏览设备。

  2. 02

    选择比较方式

    使用并排、叠加或差异热区视图检查变化。

  3. 03

    定位并导出差异

    调整灵敏度,查看差异比例,并下载差异图。

支持格式与比较方式

支持 JPG、JPEG、PNG、WebP、AVIF、GIF 和 BMP。尺寸不同的图片会以版本 A 的宽高作为比较画布,不会上传原图。

JPGPNGWebPAVIFGIFBMP

常见使用场景

  • 网站与 App 截图回归
  • 设计稿、海报和导出文件审核
  • 压缩、转换前后的画质核对
  • 文档扫描件或图片版本留档

FAQ

常见问题

差异灵敏度应该怎么设置?

默认值 8 适合大多数截图。数字越低越敏感,适合查找轻微颜色变化;数字越高可以忽略压缩噪点。

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

可以。版本 B 会被绘制到版本 A 的尺寸中,页面会明确提示已做尺寸对齐。若要进行严格像素回归,建议先统一两张图片的宽高。

图片会被上传或保存吗?

不会。文件通过浏览器对象 URL 读取,分析和差异图生成都在当前设备完成;离开页面后临时对象会被释放。

为什么没有使用 FFmpeg 或 MediaBunny?

这是图片像素比较,不涉及视频容器或音视频编解码。Canvas 加 Worker 更轻量,也更适合在浏览器中直接对比图片。

差异图可以下载吗?

可以。完成分析后点击“下载差异图”,会导出一张 PNG 热区图;原图和修改后的图片不会被覆盖。

图片始终留在你的设备上

图片读取、尺寸对齐、像素分析和差异图生成全部在浏览器中完成。像素循环运行在 Worker 中,避免大图分析卡住页面。

相关工具与教程

先比较,再继续压缩、提取元数据或处理截图中的敏感信息。