分类

← View All Tools

图像差异计算

计算两张图像之间的差异以识别变化或创建比较蒙版

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

用于比较的第一张图片

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

用于比较的第二张图片

如何计算图像之间的差异

结果图片的输出格式（PNG推荐用于准确性）

有损格式的输出质量

关键信息

分类
Design
输入类型
file, select, number
输出类型
file
样本覆盖
4
支持 API
Yes

概览

图像差异计算工具通过像素级对比两张图片，快速识别细微变化并生成差异蒙版，是进行视觉质量控制、版本对比及自动化分析的理想选择。

适用场景

  • •需要对比两张相似图片以找出细微修改或像素级差异时。
  • •在自动化测试中验证 UI 渲染结果是否与预期设计稿完全一致时。
  • •需要从两张图片中提取变化区域并生成对比蒙版进行后续处理时。

工作原理

  • •上传两张需要对比的图片文件，确保它们的分辨率或比例一致以获得最佳效果。
  • •选择差异模式，如“绝对差异”查看像素偏差，或“突出显示变化”直观查看不同之处。
  • •设置输出格式（推荐 PNG 以保持无损精度）并执行计算。
  • •下载生成的差异图像，查看高亮显示的变化区域。

使用场景

UI 设计稿与开发实现效果的像素级比对。
检测印刷品或扫描件中的细微瑕疵与异常。
监控网页或应用界面的视觉回归测试。

用户案例

1. UI 设计稿与开发页面比对

前端开发工程师
背景原因
开发人员需要确保网页布局与设计师提供的 UI 原型图完全一致。
解决问题
肉眼难以发现细微的边距或颜色偏差。
如何使用
上传设计稿作为第一张图，上传网页截图作为第二张图，选择“突出显示变化”模式。
示例配置
differenceMode: highlight, format: png
效果
差异区域被高亮标记，开发人员可迅速定位并修正 CSS 边距或颜色数值。

2. 产品质量检测

质检员
背景原因
生产线上需要对比标准产品图与实际拍摄的产品图，以检查是否存在外观缺陷。
解决问题
人工检查效率低且容易疲劳漏检。
如何使用
上传标准图与实拍图，使用“绝对差异”模式生成对比图。
示例配置
differenceMode: absolute, format: png
效果
生成一张差异蒙版图，缺陷部分清晰可见，大幅提升了质检效率。

用 Samples 测试

image, png, jpg
Web Python 图像处理示例
Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
title token image
image
Windows C++ 图像处理示例
Windows C++ 图像处理示例，包括读取/保存图像、调整大小和使用Windows Imaging Component进行格式转换
title token image
image
Web Rust 图像处理示例
Web Rust 图像处理示例，包括图像读取保存、缩放和格式转换
title token image
image
macOS Objective-C 图像处理示例
macOS Objective-C 图像处理示例，包括图像读取保存、图像缩放和格式转换
title token image
image

相关专题

ImageConvert工具专题
探索 100 个围绕 image 的 convert 工作流工具，快速找到相近能力。
Image 工具专题
探索 40 个围绕 image 的 utility 工作流工具，快速找到相近能力。
JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
AudioConvert工具专题
探索 100 个围绕 audio 的 convert 工作流工具，快速找到相近能力。

常见问题

两张图片必须尺寸完全一致吗？

为了获得最准确的像素级对比结果，建议上传尺寸完全相同的两张图片。

“绝对差异”和“减法”模式有什么区别？

绝对差异计算像素值的绝对差值，而减法模式执行简单的像素值相减，通常用于特定算法分析。

支持哪些图片格式？

支持常见的 JPEG、PNG、WebP、GIF、BMP 和 TIFF 格式。

为什么推荐使用 PNG 格式输出？

PNG 是无损格式，能确保差异计算结果的像素信息不被压缩，保证分析的准确性。

单次上传的文件大小有限制吗？

是的，单张图片文件大小限制为 10MB。

API 文档

请求端点

POST /zh/api/tools/image-difference

请求参数

参数名 类型 必填 描述
imageFile1 file (需要先上传) 是 用于比较的第一张图片
imageFile2 file (需要先上传) 是 用于比较的第二张图片
differenceMode select 否 如何计算图像之间的差异
format select 否 结果图片的输出格式（PNG推荐用于准确性）
quality number 否 有损格式的输出质量

文件类型参数需要先通过 POST /upload/image-difference 上传获取 filePath，然后将 filePath 传递给对应的文件字段。

响应格式

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
文件: 文件

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-image-difference": {
      "name": "image-difference",
      "description": "计算两张图像之间的差异以识别变化或创建比较蒙版",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-difference",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

支持 URL 文件链接或 Base64 编码作为文件参数。

如果遇见问题，请联系我们：[email protected]