🎨 图片滤镜编辑器

图片滤镜编辑器完整使用指南

上传照片后在双画布上调色：#originalCanvas 保留原图，#imageCanvas 显示滤镜结果；可拖 #compareSliderBar 对比。滑杆控制亮度、对比度、饱和度、色温、色相、模糊、锐化、暗角等，旁显数值。预设按钮 applyPreset 快速风格化；resetFilters 归零；toggleCompare 对比；downloadImage 导出。处理在浏览器本地像素完成（含 sharpenImage、rgbToHsl/hslToRgb 等）。适合出片前微调，不是 Lightroom 目录管理或 RAW 专业工作流。

管线说明

• loadImage 读文件到画布并显示占位切换。
• applyFilters 按当前滑杆重算结果像素。
• 锐化/模糊等对性能敏感，大图可能卡顿。
• 对比模式移动分割线 moveSplit/updateComparePos。
• 下载输出当前效果图；原图仍在内存直到换图。

调色建议

1. 先重置，再小幅调亮度/对比，避免一次拉满。
2. 人像少用极端色相；风景可略提饱和与色温。
3. 锐化适度，噪点多的图先别强锐。
4. 暗角突出主体，但别遮重要信息。
5. 用对比滑杆确认是否过度，再下载。

边界

• 非破坏性编辑历史有限，复杂步骤请分次下载备份。
• 无图层蒙版精细局部（局部请用像素化区域等工具）。
• 色彩为 sRGB 近似，印刷请另做打样。
• 不上传服务器；公共电脑注意原图隐私。

常见问题

按钮灰色？

尚未成功加载图片时下载/对比可能不可用。

和图片对比页区别？

对比页比两张独立图；本页是原图 vs 当前滤镜结果。

预设能自定义保存吗？

以页面内置预设为主，参数可手调但不一定持久化预设库。

导出后体积？

由画布导出格式决定，可用格式转换/压缩页再优化。

工作流串联

先裁剪/旋转/尺寸，再进本页调色，最后转 WebP 压缩。证件照谨慎用强滤镜。二次有损会累积损伤，重要成片尽量基于较原图一次调完。处理敏感照片后关闭页面。

滑杆含义速查

亮度整体明暗；对比拉大层次；饱和影响色彩浓淡；色温偏冷暖；色相整体偏移色轮；模糊柔化；锐化增强边缘；暗角压四角。先小步调整，用对比条确认未毁掉高光阴影。锐化在低质量图上会放大噪点。预设是起点不是终点。

性能与导出

超大图先缩小再滤镜。连续猛拖滑杆可能卡顿，松手后等一帧。导出后可用格式转换压体积。隐私照片本地处理完毕关闭页签。与像素化/水印工具分工明确：本页全局调色为主。

本地数据与使用边界

本页草稿与结果主要保存在当前浏览器环境，清除站点数据、更换设备或隐私模式可能导致丢失，重要报价、名片、议程、投票与表单请及时导出、复制或打印备份。公共电脑使用完毕后应清空敏感信息。工具用于提升效率，不替代正式商务、项目管理或合规流程，请以组织制度与法规为准。