图片对比度

什么是图片对比度？

图片对比度描述一张图片中最亮与最暗部分之间的亮度差异。高对比度图片具有较宽的色调范围——深沉的黑、明亮的高光，以及明暗区域之间强烈的分离；低对比度图片则显得平淡，色调被压缩，中间调发灰。从技术上讲，调整对比度是按比例缩放每个像素值与色调标尺中点（50% 灰）之间的距离：增加对比度会把像素值推离中点（亮处更亮、暗处更暗），而降低对比度会把像素值拉近中点，产生更平淡、更发灰的效果。

对比度是照片编辑中最具影响力的单一调整之一。与亮度不同——亮度将所有色调均匀地上移或下移——对比度改变的是色调在直方图上的分布跨度。一张看起来"平淡"或"雾蒙蒙"的照片往往可以通过提升对比度来拯救，而一张高光和阴影被裁剪得过于生硬的照片则可以通过降低对比度来柔化。本工具完全在浏览器中通过 Canvas filter API 应用对比度变化，因此照片在本地处理，绝不会被上传到服务器。

对比度滤镜的工作原理

本工具使用浏览器内置的 ctx.filter = "contrast(N%)" 属性来缩放图片的色调范围。100% 时图片保持不变——这是滑块的中性起点。低于 100% 的值会降低对比度（50% 产生明显平淡的图片，0% 把一切塌缩为均匀的 50% 灰），高于 100% 的值会增加对比度（150% 给出明显更有冲击力的观感，200% 把色调推向极端）。由于该操作运行在浏览器优化的渲染引擎上，即使在大图上也是基本瞬时完成。

对比度滑块让你直接、直观地控制结果应有的色调分离程度。对于看起来雾蒙蒙或低对比度的照片，115–130% 左右的值通常能恢复自然观感；对于过于生硬的照片，70–85% 可以柔化。极端值（接近 0% 或 200%）可用于特殊效果、平面设计风格化，或用于创造强烈的高反差黑白转换。结果随后会按你的选择重新编码为 PNG、JPG 或 WebP。

对比度数值及其效果

对比度滑块的效果很容易预测，因为它按相同系数缩放每个像素与中点的距离。下表显示了每个数值范围对图片的作用：

数值	效果	典型用途
0%	均匀灰色	特殊效果、完全压平
25–50%	大幅降低	柔和、平淡、雾感观感
70–90%	轻微降低	柔化生硬照片
100%	无变化——原图	中性 / 重置
110–130%	轻微提升	修正平淡、雾蒙蒙的照片
150–170%	大幅提升	冲击感、平面化观感
200%	最大对比度	极端风格化、高反差黑白

从 100% 开始，小幅移动滑块直到图片看起来合适。由于变化是均匀的，通常几次尝试就能找到理想值。

何时调整图片对比度

当一张图片看起来平淡、雾蒙蒙或过于生硬时，调整对比度通常是正确的选择。常见场景包括：

• 修正平淡、雾感照片。在阴天或透过雾霾拍摄时，提升对比度以增加主体与背景之间的深度和分离感。
• 柔化生硬照片。对高光被裁剪或阴影被压碎的照片降低对比度，以恢复更自然的色调平衡。
• 营造氛围。高对比度产生戏剧化、电影感；低对比度产生柔和、梦幻、复古感。
• 为印刷准备图片。印刷品常常损失对比度，因此轻微提升可补偿印刷机的网点扩大。
• 改善扫描件。旧扫描件和文档照片常常对比度不足；对比度调整可让文字和细节恢复可读。
• 平面设计。高对比度版本的照片更适合作为文字背后的背景或风格化的图形元素。

每当一张照片看起来平淡、雾蒙蒙或过于生硬时，一次对比度调整通常就是赋予它冲击力或柔和感的最快方法。

如何调整图片对比度

使用本工具调整对比度只需几秒，全程在浏览器中完成——无需上传、无需注册、无水印。工具在本地解码图片，通过 Canvas API 应用对比度滤镜，并让你按所需格式导出结果。请按以下步骤操作：

1. 上传图片。点击上传区域，或拖拽一个 JPG、PNG、WebP、GIF 或 BMP 文件到此处。图片会立即解码并显示预览。
2. 设置对比度。使用 0% 到 200% 的滑块。100% 为原图；较低的值降低对比度，较高的值提升对比度。
3. 选择输出格式。选择 PNG 获得无损质量，JPG 获得更小的照片，或 WebP 获得现代的大小与质量平衡。
4. 点击应用对比度。工具会处理图片，并并排显示原始与调整后的文件大小。
5. 下载已调整的图片。点击"下载对比度图"保存结果。原始文件保持不变。

由于所有步骤都通过 JavaScript 在浏览器本地运行，图片绝不会被上传到服务器。这让对比度工具完全私密、快速，也适合处理敏感或机密图片。