Image Processor

图片处理器提供综合的图片编辑功能，包括调整亮度、对比度、饱和度、色温、模糊/锐化、以及添加滤镜效果等。与转换器不同，它侧重在保持图片格式不变的前提下对像素内容进行编辑和处理，是浏览器端的轻量图片编辑器。

图片处理在 Web 应用的用户交互中频繁需要：用户上传头像时提供基础的亮度/对比度调整、内容管理系统中为文章配图添加滤镜效果、电商后台在商品主图上传前进行快速颜色校正、以及社交媒体中用户在发帖前对图片进行美化处理。前端开发者通常需要在项目中集成此类图片编辑功能。

处理后的图片可通过 图片格式转换器 导出为不同格式。图片压缩器 可优化处理后的文件大小。图片裁剪器 结合使用可完成完整的图片编辑流程。图片对比工具 可对比处理前后的效果差异。

图片处理通过 Canvas 的像素操作实现。亮度调整：在 RGB 各分量上加减常量值；对比度：将 RGB 值围绕平均值缩放；饱和度：在 HSL 色彩空间中调整 S 分量；模糊：使用卷积核（如高斯核）对像素邻域进行加权平均；锐化：使用拉普拉斯核增强边缘。CSS filter 属性也能实现部分效果（blur、brightness、contrast、saturate），但在导出时需要 Canvas 介入。

• 色彩失真：连续多次处理（如先调亮度再调对比度）可能产生累积的色彩失真，应尽量在单次操作中完成所有调整。
• YCbCr 子采样：JPEG 格式使用 YCbCr 色彩空间和色度子采样（4:2:0），处理后色彩可能不如 RGB 原始数据精确。
• 性能问题：大图的像素级处理（如模糊半径大的高斯模糊）计算量大，浏览器中可能卡顿。使用 Web Worker 或 OffscreenCanvas 异步处理。
• 8-bit 深度限制：Canvas 默认使用 8-bit 每通道，处理 HDR/10-bit 图片时可能降精度。

在快速调整图片效果、为内容创作准备素材或临时编辑单张图片时使用此工具。适合需要即时效果预览的场景。对于需要批量处理图片或集成到应用中的高级编辑功能，推荐使用 Sharp、wasm-vips 或 WebGL 着色器方案，它们提供更好的性能和更多处理选项。