图片前后对比，并排查看两张图的差异

图片前后对比是一款交互式图片对比工具，能精准呈现两张图之间发生了哪些变化。上传一张“之前”和一张“之后”的图片，然后拖动滑块的手柄，即可在两张图之间实时擦出过渡效果。

它适合任何想要展示变化前后的人：呈现修图与调色的摄影师、对比新旧版式的设计师，以及记录修复或产品改进过程的人。你可以横向或纵向对比，重命名标签，并把完成的对比图导出为 PNG。

隐私优先：每张图片都在你的浏览器内加载和处理。你的照片绝不会被上传到服务器、被存储或被追踪 — 对比效果和 PNG 导出全程在你的设备上生成。

如何制作图片前后对比

添加两张图片

你会看到两个区域：之前和之后。点击区域即可打开文件选择，或直接把图片拖放进去。图片加载后会出现缩略图预览；用移除按钮可换成另一张。

开始对比

两张图都就位后，点击开始对比。滑块视图会把两张图叠在一起，拖动手柄即可显示各一侧。点击图片任意位置，分隔线会跳到该处。

自定义对比

在横向和纵向之间切换方向，用交换图片调换两侧，并在标签输入框中填入你自己的文字（例如“原图”和“修后”）。

下载或重新开始

点击下载即可保存一张 PNG，其中包含当前分隔线位置、白色分隔线和两个标签。要换一对新图，用重新对比返回上传界面。

键盘控制：聚焦滑块后用方向键每按一次微移 2%，按住 Shift 则按 10% 移动。横向模式用 Left 和 Right；纵向模式用 Up 和 Down。

功能特色

拖拽上传

把前后两张图片拖到上传区，或点击浏览选择，即可添加。支持 JPEG、PNG、WebP 等常见格式。

可拖动的交互滑块

顺滑的分隔线响应鼠标、触控、手写笔和键盘。拖动手柄或点击图片任意位置，显示效果立即更新。

横向与纵向模式

横版图片可左右分割对比，竖版图片可上下分割。切换方向时滑块会重新居中。

交换图片

一键调换前后两张图片。标签会随之一起交换，让对比保持一致。

自定义标签

把默认的“之前”和“之后”换成你自己的文字 — 例如“原图”和“增强后” — 输入时叠加层会实时更新。

导出为 PNG

按“之前”图片的完整分辨率导出对比图，分隔线和标签会按当前滑块位置一并烘焙进去。

键盘操作

用方向键精确移动分隔线（每次 2%），按住 Shift 可按 10% 的较大幅度跳动。

触控与移动端友好

滑块支持手机和平板上的手指手势，界面也会适配较小的屏幕。

无障碍控制

滑块提供正确的 ARIA 属性和可聚焦的角色，方便键盘和读屏软件用户使用。

全程在浏览器内运行

图片在本地处理，绝不发送到服务器，因此你的对比图既私密又能瞬间加载。

常见问题

如何制作图片前后对比？

把一张图片上传到之前区域，另一张上传到之后区域，然后点击开始对比。拖动滑块的手柄即可显示各张图片。你可以切换方向、编辑标签并下载结果 — 无需注册或安装。

如何并排对比两张图片？

两张图都加载好并点击“开始对比”后，两张图会叠在一起，由一条分隔线在它们之间擦出过渡。左右拖动手柄（纵向模式则上下拖动），即可多显示其中一张、少显示另一张，精准看出变化所在。

支持哪些图片格式？

浏览器能显示的任何图片格式都可以，包括 JPEG、PNG、WebP、GIF 和 BMP。要获得最清晰的对比效果，推荐使用 JPEG 或 PNG。

两张图片需要尺寸相同吗？

不需要，但尺寸相同效果最好。如果两张图大小不同，“之后”图会被缩放以填满“之前”图的显示区域，让滑块依然能对齐。

可以导出或下载前后对比图吗？

可以。下载按钮会按“之前”图片的原始分辨率保存一张 PNG，其中包含当前分隔线位置、白色分隔线和两个标签，可直接分享或放进演示文稿。

我的图片会被上传到服务器吗？

不会。所有处理都完全在你的浏览器内进行。你的图片绝不会离开设备，也不会被存储或追踪。

在手机上能用吗？

能。滑块支持触控手势，你可以像在电脑上一样用手指拖动分隔线，布局也会适配手机和平板屏幕。

纵向模式有什么用？

纵向模式把对比改为上下分割，而非左右分割。它非常适合竖版或纵向图片 — 这类图片用横向分割往往无法清晰呈现差异。