design / 可用工具

图片像素级差异对比工具

上传两张图片后进行像素级对比,用红色高亮标记差异区域,显示差异度百分比和差异像素数量。

图片对比差异
快速切换: Git Diff Visualizer

收藏工具

当前还没有选择收藏模式。

快捷操作

返回设计配色 浏览全部工具

你可以复制当前工具页链接,或者在支持的设备上直接调用系统分享。

在线工具

图片差异对比器

点击或拖拽上传图片 A

点击或拖拽上传图片 B

差异结果

差异度:- 差异像素:-

红色区域表示两张图片存在差异的像素

-

使用场景

  • UI 回归测试对比
  • 设计稿版本差异检查
  • 图片修改前后对比

如何使用

  1. 1. 上传图片 A
  2. 2. 上传图片 B
  3. 3. 查看差异高亮和百分比

示例输入输出

操作

上传两张截图

输出

红色标记差异区域 + 差异度百分比

FAQ

支持不同尺寸的图片吗?

支持,工具会按两张图片的交集区域进行对比。

工具列表

相关推荐

你可以从这里继续打开相近场景的工具,减少重复搜索。

Git Diff Visualizer

源代码断层微观差异(Diff)全景仪

可用

采用标准的 diff_match_patch 算法。左右对照两份长文,红底删减、绿底新增,帮你人眼捕捉连 VSC 都不容易看出来的缩进变化。

Diff Text Compare