跳到主要内容
Toolars
探索

图片差异对比

Image Diff

在隔离 Worker 中逐像素比较两张 PNG、JPEG 或 WebP,提供分栏、滑动、淡入、高亮与差异蒙版五种视图,可调阈值并忽略抗锯齿,蒙版可导出。

本地处理

处理说明

工具输入在这台设备上处理。

运行工具可能需要下载资源,账号服务独立运行。

隐私说明
报告问题

任务路径 / 从输入到结果

如何比较两张图片

  1. 01

    选择两张图片

    分别选择原始图片和变更后图片——支持 PNG、JPEG、WebP,每张不超过 12 MiB、单边不超过 8,192 像素、精确比较最多 800 万像素。JPEG 会在载入时按 EXIF 方向归一,两侧会显示格式、尺寸和文件大小,交换两侧一键完成。

  2. 02

    阅读结论

    尺寸相同的图像会在 Worker 中自动比较。阈值为 0 且计入抗锯齿像素时,零差异可按此算法显示“像素相同”;其他设置下零差异仅表示当前阈值和边缘处理没有计入差异。正数结果显示计入的像素数和占比。

  3. 03

    在五种视图之间切换

    分栏并排显示两张图片并同步缩放平移——滚动缩放、拖动平移,按钮和方向键无需鼠标也可操作。滑动通过键盘可控的分界线揭示差异;淡入以可调不透明度叠加两张图;高亮在原图上标出差异像素;差异蒙版则单独显示它们。

  4. 04

    调整阈值与抗锯齿

    阈值控制算法灵敏度,范围 0–0.5;0 最敏感,但不承诺 RGBA 逐字节相等。“忽略抗锯齿边缘”默认开启,可能排除边缘差异。修改任一设置会重新比较并取消旧任务。

  5. 05

    导出蒙版

    “导出差异遮罩 PNG”保存当前设置下计入的差异,并以透明背景显示。即使显示“像素相同”,也只表示本浏览器解码后经 pixelmatch 比较的结果,不代表文件字节一致或每个隐藏 RGBA 通道都相等;需要文件一致性请用哈希校验。

工具速览

处理方式
在浏览器本地完成
输入是否离开设备
从不
数据保留
不保存任何内容
价格
免费

你的输入留在浏览器里。

图片差异对比 使用经过验证的本地执行路径,不会创建隐藏的输入或输出历史记录。

本地执行

在当前浏览器标签页内运行。

无隐藏处理

使用中的工具数据绝不会成为 Toolars 的文档记录。

无需账户

无需创建账户即可使用核心工作流。登录后收藏才会同步到你的账户。

立即重置

关闭标签页,当前的工作数据即刻消失。

图片差异对比 究竟做什么

设计稿改了一版,需要确认只有预期区域变了;UI 回归测试拿到两个构建的截图,失败区域藏在长页面的某处;同一流程的两次导出理应完全一致,但肉眼无法证明。载入两张图片——比较全部在本地运行——切到高亮视图就能看到误入的水印在原图上泛红,按钮偏移两个像素时拖动滑动条对齐检查,再导出蒙版附到缺陷单。当两张截图尺寸不同时,工作区会显示“仅视觉对比”而不是编造数字,需要精确比较时请先用图片缩放器统一尺寸。

常见问题

支持哪些图片格式?
支持经过文件签名检查的 PNG、JPEG、WebP,每个最多 12 MiB。GIF、HEIC、SVG、PDF 不在此比较流程内。浏览器解码和色彩处理会影响看到的像素;需要跨浏览器一致性时请在目标环境核验。
两张图片尺寸不同时会怎样?
工作区切换为仅视觉对比:分栏、滑动和淡入继续可用,便于检查两个版本,但不会给出任何像素数量或百分比——基于缩放像素算出的数字只会是假结论。需要精确比较时,先用图片缩放器把一侧调整到相同尺寸。
阈值到底改变了什么?
阈值是 pixelmatch 的感知色距参数。设为 0 时最敏感,但并非逐个统计原始通道变化;默认忽略抗锯齿也可能排除边缘像素。提高阈值会容忍更多色差,包括压缩噪声。把零差异当作证据前,请检查遮罩和设置。
像素一致就代表文件相同吗?
不是。只有阈值为 0、计入抗锯齿且差异计数为零时才显示“像素相同”。它仍是 pixelmatch 对本浏览器解码像素的判定,不是文件字节比较,也不保证完全透明像素下隐藏的 RGB 通道相同。字节一致请用文件哈希。
颜色的比较是精确的吗?
浏览器向 pixelmatch 提供解码后的像素,不同浏览器的色彩处理可能不同。pixelmatch 使用感知色距和抗锯齿规则,不会逐通道测试 RGBA 是否字面相等。透明度会参与比较,但完全透明处隐藏的 RGB 未必影响判定;它也不是印刷色彩校样。
我的图片会被上传到别处吗?
不会。两个文件都留在当前浏览器标签页中,解码与像素比较在本地隔离 Worker 里运行,不发送、不保留任何内容,也不需要账号。

相关任务,而非死胡同。

无需返回完整索引,直接进入另一个专注的工作区。

图片裁剪器

Image Cropper

拖动选区,选择比例,即可下载裁剪后的图片。 旋转: 90° / 180° / 270°.

编辑

图片滤镜

Image Filters

渲染 33 种可调操作,包括色相旋转、双向翻转和有序抖色。

编辑

图片压缩器

Image Compressor

为 JPEG/WebP 选择目标体积或编码质量。在本地处理并保留尺寸,核对实际字节后下载;不保证文件更小。

转换

图片尺寸调整器

Image Resizer

在本地以高质量插值调整尺寸,可选锁定宽高比。 PNG / JPEG / WebP / SVG / GIF. GIF输入仅导出第一帧,不保留动画。

编辑