A
浏览器本地差异检测
图片比较与差异检测
在线并排比较两张图片、叠加查看,或突出显示像素级差异。适合截图回归、设计稿审核和版本核对。
图片不会上传Worker 本地分析JPG · PNG · WebP · AVIF · GIF · BMP
B
修改后 / 版本 B
使用方法
三步找出图片差异
上传两个图片版本,选择适合的比较方式并调整灵敏度,即可快速定位修改区域。
- 01
添加两个版本
分别选择原图和修改后的图片,支持拖放或浏览设备。
- 02
选择比较方式
使用并排、叠加或差异热区视图检查变化。
- 03
定位并导出差异
调整灵敏度,查看差异比例,并下载差异图。
支持格式与比较方式
支持 JPG、JPEG、PNG、WebP、AVIF、GIF 和 BMP。尺寸不同的图片会以版本 A 的宽高作为比较画布,不会上传原图。
JPGPNGWebPAVIFGIFBMP
常见使用场景
- 网站与 App 截图回归
- 设计稿、海报和导出文件审核
- 压缩、转换前后的画质核对
- 文档扫描件或图片版本留档
FAQ
常见问题
差异灵敏度应该怎么设置?
默认值 8 适合大多数截图。数字越低越敏感,适合查找轻微颜色变化;数字越高可以忽略压缩噪点。
两张图片尺寸不一样还能比较吗?
可以。版本 B 会被绘制到版本 A 的尺寸中,页面会明确提示已做尺寸对齐。若要进行严格像素回归,建议先统一两张图片的宽高。
图片会被上传或保存吗?
不会。文件通过浏览器对象 URL 读取,分析和差异图生成都在当前设备完成;离开页面后临时对象会被释放。
为什么没有使用 FFmpeg 或 MediaBunny?
这是图片像素比较,不涉及视频容器或音视频编解码。Canvas 加 Worker 更轻量,也更适合在浏览器中直接对比图片。
差异图可以下载吗?
可以。完成分析后点击“下载差异图”,会导出一张 PNG 热区图;原图和修改后的图片不会被覆盖。
图片始终留在你的设备上
图片读取、尺寸对齐、像素分析和差异图生成全部在浏览器中完成。像素循环运行在 Worker 中,避免大图分析卡住页面。
相关工具与教程
继续处理图片
先比较,再继续压缩、提取元数据或处理截图中的敏感信息。