前后对比工具

📖 工具介绍

前后对比工具是一款把「调整前」与「调整后」放进同一张图里直观对照的在线调色辅助工具。很多人修图时最怕的就是改了参数却看不出差别：这张照片到底是更亮了还是更暗了？色彩是更艳还是更灰？本工具在画面中央提供一条可左右拖动的白色分割线，左侧永远显示原始图片，右侧实时显示你调过的画面；只要按住分割线左右滑动，就能像专业修图软件里的对比滑块一样，逐像素地观察亮度、对比度与饱和度三个参数带来的变化。三个滑块都在下方面板中，取值范围从 50% 到 200%，拖动即渲染，无需点击确认；调得不满意可以一键重置回默认值。所有渲染都通过浏览器 Canvas 的滤镜能力在本地完成，图片不会上传服务器；导出时直接保存调整后的整图为 PNG。无论是评测一款滤镜、对比两种修图思路，还是向同事展示调色前后的差异，它都能让「差别」一眼可见。

✨ 功能特点

• 拖拽分割线：在图片上按住拖动即可移动对比边界，左右对照
• 三项实时调色：亮度、对比度、饱和度滑块拖动即生效
• 原图效果双标签：左上角原图、右上角效果角标，方向不混淆
• 一键重置：参数随时回到默认 100%，反复试色不心疼
• 本地渲染：Canvas 滤镜计算，大图自动缩放到 1600px 控制内存
• 高清导出：满意后一键下载调整后的完整 PNG

📝 使用方式

1. 把图片拖入虚线区域，或点击区域选择一张图片
2. 在图片上按住左右拖动，移动白色分割线观察两侧差异
3. 拖动下方亮度、对比度、饱和度滑块微调画面
4. 觉得调过头了就点「重置参数」回到默认值
5. 确认效果后点击「下载效果图」保存调整后的图片

⚠️ 注意事项

• 交互方式：直接在图片区域按下拖动即可，手机触屏同样支持
• 导出内容：下载的是整张调整后的图，而非分割线截图
• 大图处理：边长超过 1600px 的图片会等比缩小渲染以节省内存
• 滤镜范围：亮度与对比度 50%-200%，饱和度 0%-200%
• 隐私安全：图片全程不离开浏览器，可放心处理敏感照片