什么是图片对比滑块？
用可拖动分隔线叠加两张图片，进行像素级对比。适合前后修图对比和A/B设计评审，支持水平和垂直分割。
上传同一场景的两张图片,拖动分隔线就能看清两张之间究竟有什么差异。任意长宽比都支持,水平/垂直分割可切换,任何位置都可以导出成一张扁平的 PNG——方便团队评审时,大家针对同一张图讨论。
使用方法
- 第一步 — 上传两张图片：左侧为「处理前」图片，右侧为「处理后」图片。
- 第二步 — 左右拖动滑块手柄以显示各图片区域，可在水平和垂直分割模式之间切换。
- 第三步 — 在任意滑块位置下载对比截图，方便与团队共享。
何时使用
- 把人像修图(磨皮、调色、背景清理)的成果给客户看。
- 把界面改版前后放到同一滚动位置做 A/B 对比。
- 记录装修施工进度,把开工前和完工后的状态摆在一起。
结果
一位摄影师上传了一张人像的原片和精修版。拖动滑块可清晰呈现磨皮、色彩分级和背景清除的具体位置与效果。
常见问题
- 两张图片必须一样大小吗?
- 不一定。如果尺寸不同，工具会把“之前”图缩放到“之后”图的尺寸，使滑块、淡入和差异视图都能对齐——这时会出现“尺寸匹配”开关。若要做严格的逐像素对比，请先把两张图裁成完全相同的宽高，因为任何缩放都会对其中一张重新采样。
- 可以把对比效果导出成一张图吗?
- 可以。把滑块拖到最能说明问题的位置,点「下载」即可。导出的是一张扁平 PNG:一侧是修改前,一侧是修改后,中间画着滑块位置的分隔线。
- 支持上下对比吗?
- 支持。把分割模式切换为「垂直」,分隔线就变成水平线,可上下拖动。横向拍摄的风景照如果用左右分割会显得太窄,这种情况下用上下对比更合适。
- 上传的图片会被传到服务器吗?
- 不会。两张图都留在你的设备上,以 data URL 的形式读到内存里。没有上传过程,没有临时存储,关掉标签页文件就消失了。
- 除了人像修图,还有什么常用场景?
- 卫星地图对比(洪水灾害、森林砍伐前后)、电商产品宣传前后图、健身进度照、医学教学里的影像扫描对比,以及设计稿迭代版本比较。