操作
上传两张截图
输出
红色标记差异区域 + 差异度百分比
设计配色
图片差异对比 - 像素级高亮工具
在浏览器本地对两张图片做像素级对比，用红色高亮差异区域并统计差异像素与占比，适合 UI 回归截图比对、设计稿版本核对和修改前后对比。
图片对比差异
快速切换:文本 Diff 可视化
设计配色
图片差异对比
点击或拖拽上传图片 A
点击或拖拽上传图片 B
差异结果
差异度：- 差异像素：-
红色区域表示两张图片存在差异的像素
-
使用场景
- UI 回归测试截图比对
- 设计稿版本差异检查
- 图片修改前后对比
如何使用
- 上传图片 A
- 上传图片 B
- 查看差异高亮、像素数与占比
示例输入输出
FAQ
支持不同尺寸的图片吗？
支持。工具会按两张图片的交集区域进行对比。
图片会上传到服务器吗？
不会。解码与像素对比都在浏览器本地完成。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。
文本 Diff 可视化
文本 Diff - 双侧差异高亮对比
左右粘贴两段文本，基于 diff 算法高亮新增与删除片段，便于发现缩进、字段与配置微差，适合对比配置文件、脚本与长文本修订。
Diff 对比 文本