图片对比与差异
用前后对比滑块、并排视图或像素差异图来比较两张图片，差异以红色高亮，并给出不匹配的百分比。
图片 A（参考）
将图片拖放到此处，或点击选择图片
也可以直接从剪贴板粘贴图片（Ctrl+V / ⌘V）
图片 B（待比较）
将图片拖放到此处，或点击选择图片
也可以直接从剪贴板粘贴图片（Ctrl+V / ⌘V）
完全在浏览器中运行，您的数据不会被上传。
相关工具
查看全部什么是 图片对比？
载入两张图片，用三种方式比较：用一张盖住另一张的滑块、并排，或把变化的像素标为红色的差异图。工具会统计不同的像素并显示不匹配的百分比，还有可调的每通道容差，用来忽略细微的压缩差异。
如何使用 图片对比
- 拖放或选择图片 A（参考）和图片 B（待比较）。
- 在滑块、并排和差异之间切换。
- 查看不匹配的百分比和像素数。
- 调高每通道容差（0–255），以忽略 JPEG 噪点等细微差异。
示例
输入
Two 40×20 images that differ only in the bottom-right quadrant (white vs black), tolerance 0
输出
25% of pixels differ (200 of 800 pixels)
何时使用 图片对比
用于发现设计、截图或渲染图两个版本之间的变化、检查压缩伪影，或做快速的视觉回归检查。它比较的是相同位置的像素，因此移位或旋转的内容会被视为完全不同；它不是感知或结构相似度指标。
图片对比 的工作原理
两张图片都会被解码为 RGBA。如果尺寸不同，图片 B 会被重采样到图片 A 的尺寸（并给出提示）。对每一对像素进行比较：如果 R、G、B 或 alpha 的差的绝对值超过容差，该像素就计为不匹配，并在差异图中涂成红色；匹配的像素则显示为图片 A 的淡化灰度。不匹配百分比 = 不匹配像素数 ÷ 总像素数 × 100。
常见用例
- 检查两张界面截图之间有什么变化。
- 比较原始照片与其压缩版本。
- 验证重新导出的素材是否完全相同。
- 用滑块展示编辑前后的效果。
安全提示
图片使用 Canvas API 在你的浏览器本地解码、处理和编码，不会上传到任何服务器。
常见问题
如果两张图片尺寸不同会怎样？
比较前图片 B 会被缩放到与图片 A 一致，并显示警告。要获得精确结果，请比较尺寸相同的图片。
容差有什么作用？
只有当某个通道的差值超过容差（0–255）时，像素才会被计为不同。使用 5–20 可忽略有损压缩的噪点。
透明度会被计入吗？
会。alpha 通道与颜色通道一样参与比较。
推荐的下一步
JSON 对比
按结构比较两个 JSON 文档：以 JSONPath 显示新增、删除和修改的值，忽略键顺序和排版。免费，在浏览器中运行。
宽高比计算器
将任意宽×高化简为宽高比（1920×1080 → 16:9），并在缩放图片、视频或屏幕时计算缺失的宽度或高度。
日期差计算器
计算两个日期或日期时间之间的间隔：给出年、月、日的拆分，以及总周数、小时数、分钟数和秒数，并可选择是否包含结束日期。
占位图生成器
创建最大 4000×4000 的任意尺寸占位图，自定义颜色和文字。可下载 PNG、JPEG、WebP 或 SVG，也可复制 data URI，无需外部服务。
租车还是买车计算器
在相同期限内比较租车与贷款买车：租赁总费用，对比买车扣除转售价值和剩余贷款后的净成本。