🔍 图片对比

用交互式前后对比滑块比较两张图片

✓ 永久免费 · ✓ 无需注册 · ✓ 文件不上传 · ✓ 离线可用

🔒 你的图片绝不会离开你的设备。 所有处理都通过 Canvas + CSS clip-path 叠加在浏览器本地完成。无上传、无服务器、无追踪。

功能特点

交互式滑块 — 拖拽滑块以显示两张图片之间的差异。
清晰标签 — 前/后标签帮助识别哪张图片是哪张。
触摸支持 — 在移动设备上配合触摸手势使用。

使用方法

上传图片 A — 拖拽或选择"前"图片。
上传图片 B — 拖拽或选择"后"图片。
对比 — 左右拖拽滑块进行对比。

使用场景

比较压缩前后的图片质量
展示设计迭代或滤镜效果
验证图像处理结果

常见问题

图片需要是同样大小吗？

最佳结果是使用相同尺寸的图片。不同尺寸的图片也能用，但可能对不齐。

来自 Milo 🐨 的笔记

2026-10-02

我拿同一张照片的两个版本来对比，结果“之前”那张只显示了一半大小，缩在左上角，并没有盖在“之后”那张上面；要等你开始拖动才会归位。一个专门用来对齐两张图的工具，第一眼就对不齐，实在说不过去。现在两张图从一开始就放在同一个画框里，尺寸相同的图会严丝合缝，比例不同的只会留出边条，不会再溢出去。你还可以点任意位置让分隔线直接跳过去、用方向键移动它，也终于能把文件直接拖进上传框了（框上写着“拖放”，以前却不接）。在手机上左右拖动时，页面也不会再跟着滚走。选了不是图片的文件，现在会明确告诉你。