图片对比工具

在线对比两张图片,通过拖动分割线查看前后差异,适合修图、效果图对比,纯本地加载,可截图保存。

工具介绍

图片对比工具可以让你拖拽分割线,同时对比两张图片的差异,常用于对比图片修改前后效果、不同版本图片对比、同场景不同时间拍摄照片对比。图片完全在浏览器本地处理,不会上传到服务器。

使用方法

  1. 点击「左侧图片」选择第一张图片上传
  2. 点击「右侧图片」选择第二张图片上传
  3. 两张图片上传完成后,对比区域会自动显示
  4. 拖拽中间的分割线左右移动,即可查看不同位置两张图片对比效果

实现原理

工具使用两个绝对定位图片容器,左侧图片铺满整个容器,右侧图片通过 overflow: hidden 只显示分割线左侧部分,拖拽分割线动态修改右侧容器宽度,实现对比浏览效果。图片按比例自适应容器大小,保持原始比例不变形。

注意事项

图片会被上传到服务器吗?我的隐私安全吗?

不会。所有图片处理都在您的浏览器本地完成,不会上传到任何服务器,图片数据不会离开您的设备,隐私安全有保障。

为什么上传后图片显示不全?

工具会自动根据容器大小按比例缩放图片,保持原始比例,如果两张图片宽高比差异很大,可能会出现留白,这是正常现象,不影响对比。

怎么对比图片上下部分?

当前版本仅支持左右拖拽分割线对比左右部分,如果需要上下对比,可以将其中一张图片旋转后再上传对比。

支持哪些格式的图片?

支持常见的JPG、PNG、GIF、WebP等浏览器支持的图片格式。