功能说明
本工具基于 HTML5 Canvas 技术,直接在浏览器中处理图片像素。您可以选择本地图片,通过四个滑块分别调整亮度、对比度、饱和度和色相,调整结果实时显示在画布上,并支持导出为 PNG 或 JPEG 格式。整个过程无需上传图片到服务器,保护您的隐私。
使用方法
- 点击“选择图片”按钮,从本地选择一张图片(支持常见格式如 JPG、PNG、WebP 等)。
- 拖动四个滑块调整参数,观察右侧画布中的实时效果。
- 点击“导出 PNG”或“导出 JPEG”按钮,将调整后的图片下载到本地。
- 点击“重置”按钮,将所有参数恢复为默认值,图片恢复原样。
计算原理
每个像素的 RGB 值按以下顺序处理:
| 调整项 | 公式 |
|---|---|
| 亮度 | R = R + offset,G、B 同理 |
| 对比度 | R = (R - 128) × factor + 128 |
| 饱和度 | gray = 0.299R + 0.587G + 0.114B;R = gray + (R - gray) × factor |
| 色相 | 使用 RGB 旋转矩阵,角度由滑块值决定 |
所有结果会钳制在 0-255 之间,确保颜色有效。
注意事项
- 处理大尺寸图片时可能较慢,建议先用图片编辑软件缩小尺寸。
- JPEG 导出会有一定压缩,可能造成画质损失;PNG 为无损格式。
- 本工具为免费在线服务,调整结果仅供参考,不构成专业建议。