在线图像对比工具
像素级比对两张图片差异，支持并排、滑动与差异热力图三种视图。
隐私安全：所有处理均在您的浏览器本地完成，数据绝不上传示例图对
浏览器本地绘制，不发任何请求A · 基线图
尚未选择图片
B · 对比图
尚未选择图片
对比视图
请先上传 A、B 两张图片（或载入示例图对）后查看对比结果。
统计信息
完成一次对比后显示差异像素数、占比、平均/最大色差与耗时。
参数设置
阈值越低越灵敏。JPEG 压缩噪声建议从 16 起步。
导出差异结果
导出图为本地画布生成的 PNG，与页面显示的差异区域完全一致，图片不会上传。
对比历史
暂无历史。仅把缩略图与统计数据保存到本机 localStorage（最多 20 条），原图不会被保存。
工作原理
- 1A、B 两张图片都来自你的本地：文件仅在浏览器内解码（FileReader / createImageBitmap），整个过程不发起任何网络请求。
- 2按所选对齐策略把两图绘制到同一尺寸的离屏画布；含透明通道的像素会先合成到指定底色（默认白色），再逐像素比较。
- 3三档精度对应三种色差度量：快速取 R/G/B 三通道差值的最大值，标准取三通道欧氏距离，精确先转换到 CIE Lab 空间再计算 ΔE76 感知色差。
- 4每个像素的色差与阈值（灵敏度）比较，超过阈值即判为差异像素，并按色差强度映射成黄→红或绿→黄→红的颜色写入差异图。
- 5统计结果与差异图完全同源：导出 PNG 时直接使用页面上的差异画布，因此导出图与页面显示的差异区域一致。
常见问题
同一张图自己和自己对比，为什么还会出现差异？
理想情况下差异像素数应为 0。如果看到零星差异，通常是把同一张图分别存成了 JPEG 与 PNG：JPEG 的有损压缩会在边缘引入噪声，导致细微色差。把灵敏度阈值调高（例如 24~32）即可过滤掉这些压缩噪声。
两图尺寸不一样怎么办？
需要先选择对齐策略再比较。裁剪到较小尺寸能避免拉伸引入的假差异，是最稳妥的默认值；拉伸对齐会把两图强行缩放到同一尺寸，仅适合确实存在等比缩放的场景；左上对齐与居中对齐会把两图放在同一块画布上，尺寸较小的一侧留白。
三种精度预设有什么区别？
快速模式隔行采样并使用三通道最大差值，速度最快，适合大图粗略筛查；标准模式对全部像素计算欧氏距离，是默认档位；精确模式先转换到 CIE Lab 空间再计算 ΔE76，更贴近人眼感知，但计算量最大。
阈值（灵敏度）设成多少合适？
处理 JPEG 重编码或压缩噪声时，建议从 16 起步，不够干净就逐步调高；只想找出明显改动时可调到 32 以上。精确模式下的阈值以 ΔE 为单位，超过 2.3 就被认为是人眼刚可察觉的差异。
忽略透明像素是什么意思？
开启后，两张图在同一位置都完全透明、或都是纯白像素时会被跳过，不计入差异。这在比较带透明背景的 PNG 或大片纯白的截图时很有用，可以避免把无意义的空白区域算成差异。
对比历史和导出的图片会上传吗？
不会。对比历史只用浏览器的 localStorage 保存缩略图和统计数据，不保存原图；导出的 PNG 由本地画布生成并通过浏览器下载。刷新或清除浏览器数据后历史会丢失，整个过程没有任何数据离开你的设备。