图片对比工具 (Image Diff Pro)

可视化对比两张图片差异。支持滑动对比、并排对比、差异高亮、叠加混合、切换闪烁、洋葱皮等多种对比模式。

Workspace


图片对比工具

精准可视化对比两张图片差异。
支持多种对比模式,快速发现设计稿和实现的差异。

A 原图 / 基准图

点击或拖拽上传图片 A

支持 JPG, PNG, GIF, WebP

B 对比图 / 修改图

点击或拖拽上传图片 B

支持 JPG, PNG, GIF, WebP

对比模式

50%

请上传两张图片进行对比

支持拖拽上传

--
相似度
--
差异像素
--
尺寸对比
导出对比结果

使用提示

滑动对比:左右拖动滑块查看两图差异
差异高亮:以红色标记不同像素
洋葱皮:半透明叠加便于对齐检查

工具介绍

图片对比工具是一款专业的可视化图像差异分析工具,帮助设计师和开发者快速发现两张图片之间的差异。

六种对比模式

1. 滑动对比


  • 左右拖动滑块查看两图差异

  • 最直观的对比方式


2. 并排对比


  • 左右并排显示两张图片

  • 方便同时查看细节


3. 差异高亮


  • 以指定颜色标记不同像素

  • 可调整阈值敏感度

  • 支持反转显示


4. 叠加混合


  • 两图透明叠加

  • 可调整混合透明度


5. 切换闪烁


  • 自动切换显示两图

  • 可调整切换速度


6. 洋葱皮


  • 半透明叠加便于对齐检查

  • 设计稿对齐神器


使用场景

  • UI 设计审查:对比设计稿和实现效果

  • 版本对比:查看图片修改前后的差异

  • 视觉回归测试:自动化测试截图对比

讨论 0

登录 后参与讨论

暂无评论,成为第一个分享观点的人吧。