分析提取 · 浏览器本地
图片对比 — 滑块对照、找不同、相似度检测
在线对比两张图片:拖动滑块左右对照,像素级差异用红色高亮标出,并给出 PSNR / SSIM 相似度量化分数。尺寸不同自动对齐,大图分块计算不卡顿。浏览器本地对比、图片不上传。支持电脑、平板、手机浏览器。
A
拖拽或点击选择
原图 / 参照图
B
拖拽或点击选择
对比图
支持电脑 · 平板 · 手机浏览器不上传服务器无水印本地处理
快速回答
两张图哪里不一样?肉眼在两个窗口来回切很难看准。本工具提供两种对比方式:滑块模式把两张图叠在一起,拖动分割线即可左右对照,适合设计稿前后版本、修图前后这类整体对比;差异模式则逐像素比较,把有差异的区域用红色高亮画出来,并给出三项量化指标——差异像素占比、PSNR(峰值信噪比,数值越高越接近)、SSIM(结构相似性,1 为完全一致)。两图尺寸不一致会先自动缩放对齐再比较。全程浏览器本地计算,图片不上传。
When
什么时候需要
UI / 设计稿走查
改版前后两版截图,红色高亮秒找改动点。
压缩画质评估
压缩前后用 PSNR / SSIM 量化画质损失。
找不同 / 验真
两张看似一样的图,逐像素比一比是否有改动。
Trade-off
两种模式怎么选
滑块对照
- 整体观感对比:拖动分割线左右直接对照
- 适合修图前后、设计改版的直觉比较
- 零计算等待,拖动即看
差异与相似度
- 逐像素比较:差异区域红色高亮,一处不漏
- 给出差异占比 / PSNR / SSIM 三项量化指标
- 大图按分块异步计算,期间页面不卡死
FAQ
图片对比常见问题
PSNR(峰值信噪比)按像素误差计算,单位 dB,越高越接近,40dB 以上通常肉眼难辨,完全一致为 ∞;SSIM(结构相似性)更贴近人眼感受,从结构 / 亮度 / 对比三方面打分,1 为完全一致,0.99 以上基本无感知差异。两者结合看更可靠。
能。工具会先把 B 图缩放对齐到 A 图的尺寸再比较,并在页面上提示。注意缩放本身会引入少量像素差异,这种情况下建议更关注 SSIM 与高亮区域,而不是纠结差异像素的绝对数量。
常见原因是有损压缩:同一张图另存为 JPG 后,肉眼看不出但像素值已有轻微变化。工具设有轻微噪声阈值,低于阈值不计为差异;如果差异占比极低、PSNR 很高,基本可判定只是编码噪声。
不会。滑块对照与像素级差异计算都在你的浏览器本地完成,图片不上传、不存储;差异图也是本地生成后直接下载。