阴天照片一键救
周末去海边拍照，回来发现天空灰蒙蒙一片，人脸也暗沉。用手机自带编辑调对比度，拉过头人脸就过曝。本工具提供独立的亮度和对比度滑块，且支持实时预览。把亮度拉到 +15 提亮人脸，对比度调到 +10 让云层轮廓出来，调完直接保存，不用开 PS 逐层调曲线。
滤 镜Filter Functions · 拖动重排 · 顺序影响结果
预 设Gallery · 复古 / 黑白 / 赛博 / 毛玻璃
filter
实时预览 · 本地
就绪 · 调整滑杆实时生成 filter · 上传图仅本地预览，不上传服务器
第一节
关于本工具
About修图时想统一调整一批照片的亮度、对比度和模糊程度，挨个打开 Photoshop 太慢。在浏览器里上传图片，分别拖动滑块调整 blur、brightness、contrast 三个参数，实时看到预览效果，满意后直接导出。所有像素处理都在本地浏览器完成，图片不上传服务器——适合批量处理电商产品图、社交媒体配图或快速制作素材模板。
使用场景
电商主图去背景噪
帮朋友的白底产品图做详情页，原图背景布没铺平，有褶皱阴影。用模糊滤镜把背景区域模糊 8 像素，褶皱纹理变平滑，产品边缘不受影响。本工具模糊强度可调，且实时显示效果，不用反复导出看结果。整批 20 张图 10 分钟处理完。
直播封面提亮补救
晚上 8 点开播，手机支架灯光没调好，拍出来的封面图人脸偏黄偏暗。距离开播只剩 15 分钟，来不及重拍。用本工具把亮度拉高 20%，色温不动，人脸恢复自然肤色。实时预览确保高光不过曝，直接截图当封面，比原图点击率高了 30%。
证件照背景均匀化
在宿舍用手机拍的白底证件照，左侧靠窗光线强，右侧偏暗，背景有明显渐变。用模糊工具对背景区域做 6 像素高斯模糊，亮度不均的纹理被抹平，变成均匀的白色。本工具支持局部框选模糊，不模糊人脸边缘，导出后直接通过自助打印机的审核。
老照片扫描件去网纹
扫描了一张 90 年代的合影，原照片表面有细密纹路，扫描后变成摩尔纹。用模糊工具对整图做 2 像素轻微模糊，纹路消失，人脸五官细节保留。本工具模糊强度以 1 像素步进调节，刚好卡在纹路消失的临界值，不会把照片变糊。
第二节
使用指南
Getting Started使用步骤
- 1在「滤镜类型」下拉框选择 Blur、Brightness 或 Contrast，滑块与预览图同步更新
- 2拖动「强度」滑块（0–100）调整效果，预览图实时显示当前参数下的图像变化
- 3点击「上传图片」按钮选择本地图片，预览区自动替换为新图并保留当前滤镜参数
- 4调整满意后点击「下载结果」按钮，浏览器直接保存处理后的图片到本地
输入输出示例
| 输入 | 输出 | 说明 |
|---|---|---|
| blur:5 | 图像整体变得模糊，边缘细节丢失，类似透过磨砂玻璃观看的效果 | 常规：blur 参数 5 是常用中等模糊强度，适合验证模糊效果是否平滑过渡 |
| brightness:1.5 | 图像亮度提升 50%，画面更明亮，但高光区域可能出现轻微过曝 | 常规：brightness 1.5 是典型提亮值，用于检查亮度调整是否线性且不破坏色彩平衡 |
| contrast:0.3 | 图像对比度降低 70%，画面发灰，细节层次减弱，类似褪色效果 | 边界：contrast 值接近 0 时，图像趋近于纯灰色，验证极低对比度下的处理稳定性 |
| blur:0 | 图像无任何模糊效果，与原图完全一致 | 边界：blur 为 0 时，工具应返回原图而非报错或产生异常像素，验证零值处理 |
| brightness:2.0 | 图像亮度达到最大值，画面几乎全白，仅保留极暗区域的微弱轮廓 | 边界：brightness 2.0 是常见最大值，验证高亮极限下是否出现纯白块或色彩溢出 |
| blur:50 | 图像完全无法辨认，仅剩模糊色块，边缘完全消失 | 边界：blur 极大值（50）测试工具是否对超大参数有保护机制，或导致性能下降 |
| contrast:-0.5 | 图像对比度反向调整，亮部变暗、暗部变亮，产生负片效果 | 易错：负对比度值在不同工具中可能被忽略、报错或产生反转效果，需明确工具行为 |
| blur:3,brightness:1.2,contrast:1.1 | 图像先模糊再提亮并增强对比度，最终效果为轻度模糊、明亮且色彩更鲜明 | 易错：多参数组合时，处理顺序（blur→brightness→contrast）影响最终结果，验证链式处理逻辑 |
常见错误对照
1.blur 半径过大导致画面完全模糊
✗ 错误
blur: 50px✓ 修复
blur: 2pxblur 半径单位是像素，50px 在多数图片上会使所有边缘消失、画面变成一片色块。通常 1-5px 即可产生明显柔化效果，超过 20px 基本不可用。
2.brightness 值写反（小于 1 变暗，大于 1 变亮）
✗ 错误
brightness: 0.5（期望变亮）✓ 修复
brightness: 1.5brightness 滤镜以 1 为基准：<1 变暗，>1 变亮。0.5 是原始亮度的一半，1.5 才是提升 50%。常见误区是把 0.5 当成“加 50%”。
3.contrast 值设为 0 导致画面全灰
✗ 错误
contrast: 0✓ 修复
contrast: 1.2contrast 为 0 时所有像素的亮度被压缩到中间值（128/255），画面变成纯灰色。有效范围通常 0.5-2.0，1.0 为原始对比度。
4.多个滤镜写在同一行但没加空格
✗ 错误
blur(2px)brightness(1.2)✓ 修复
blur(2px) brightness(1.2)CSS filter 函数列表用空格分隔，无空格时浏览器会解析失败、整个 filter 属性失效。空格是标准语法要求，不是可选项。
5.忘记给数值加单位（px 或 %）
✗ 错误
blur(2)✓ 修复
blur(2px)blur 必须带长度单位（px、em 等），无单位的数字在 CSS 中无效。brightness 和 contrast 接受无单位数字（倍数）或百分比，但 blur 不行。
6.对 SVG 元素用 filter 但没考虑坐标系统
✗ 错误
filter="blur(5px)"（SVG 中直接写 CSS 语法）✓ 修复
<filter id="blur"><feGaussianBlur stdDeviation="5"/></filter>SVG 的 filter 属性使用 XML 语法，不是 CSS 函数。直接写 blur(5px) 在 SVG 中无效，必须用 <filter> 元素定义。本工具主要处理 CSS 滤镜，SVG 场景需另用 SVG 滤镜语法。
7.hue-rotate 误写成 rotate 或角度单位缺失
✗ 错误
hue-rotate(90)✓ 修复
hue-rotate(90deg)hue-rotate 必须带角度单位（deg、turn 等），无单位数值无效。另外 rotate 是 CSS transform 属性，不是 filter 函数，两者容易混淆。
第三节
工作原理
How It Works核心公式
P' = P × (1 + α) + β
变量说明
P'输出像素值，范围 0–255P输入像素值，范围 0–255α对比度调整系数，通常 -1 到 1β亮度偏移量，通常 -255 到 255
示例
原图某像素值 P=128，对比度 α=0.3，亮度 β=20：P' = 128×(1+0.3)+20 = 128×1.3+20 = 166.4+20 = 186.4，取整 186（范围 0–255 内）。
用户输入
本地处理
输出结果
第五节
常见问题
Q & A问怎么同时调亮度和对比度？我想让图片看起来更清晰。＋
答
本工具支持实时联动调节。在界面上找到「亮度」（Brightness）和「对比度」（Contrast）两个滑块，先拖动亮度到 +20 左右（推荐范围 -50 到 +50），再微调对比度到 +15 左右，预览区会同步更新。如果效果过曝，先降亮度再降对比度。建议先调亮度再调对比度，这样不容易丢失细节。
问模糊（blur）参数调到多少合适？我想做背景虚化。＋
答
模糊强度范围通常是 0-20，数值越大越模糊。做背景虚化（类似人像模式）推荐 3-8：3 以下太清晰，8 以上会完全看不清轮廓。如果图片主体在中央，建议模糊值 5 左右，配合亮度微调，效果最自然。注意：模糊是全局的，不能只模糊背景，所以适合全图柔化或突出中心主体。
问为什么我调了参数但预览图没变化？＋
答
请检查是否点击了「应用」或「生成」按钮。本工具部分模式下需要手动确认才能看到最终效果，实时预览仅在滑块拖动时更新。如果滑块拖动无反应，可能是浏览器缓存问题，刷新页面后重试。另外，确认图片格式是 JPG 或 PNG，某些浏览器对 WebP 支持不完整。
问这个工具是纯本地的吗？我的图片会不会上传到服务器？＋
答
完全本地处理。本工具实现方式是 FE（前端纯浏览器），所有 blur、brightness、contrast 调整都在你的电脑上通过 Canvas 或 WebAssembly 完成，不向任何服务器发送图片数据。处理完成后，你可以直接下载结果，无需担心隐私泄露。离线也能用，只要页面加载过一次。
问调完对比度后图片颜色偏色了，怎么办？＋
答
对比度调节会拉伸像素值的动态范围，如果原图本身色彩不平衡（比如偏蓝或偏黄），对比度增强后偏色会更明显。建议先调回对比度 0，用亮度微调恢复基础曝光，再逐步增加对比度。如果偏色严重，可以配合色温或饱和度工具（如果本工具有）校准，否则建议在原图软件里先校色。
问能同时调 blur 和 brightness 吗？顺序有影响吗？＋
答
可以同时调，本工具支持多参数并行调节。调节顺序会影响最终效果：先 blur 再 brightness，模糊会让亮度调整更柔和（高光不刺眼）；先 brightness 再 blur，高光区域会被模糊扩散，可能出现光晕感。建议先调亮度到满意，再加少量模糊（2-4），效果最可控。
问为什么下载的图片比原图小了很多？画质变差了。＋
答
本工具处理后默认输出为 JPEG 格式，有压缩率设置（通常 80-95%）。如果下载图片明显变小，可能是压缩率设得太低。检查下载选项：是否有「质量」滑块（0-100），建议设为 90 以上；如果只能下载 JPEG，可以截图保存为 PNG 避免压缩损失。另外，blur 会平滑细节，也会让文件体积变小。
问图片太大（超过 10MB）能处理吗？会不会卡死？＋
答
浏览器处理大图片时受内存限制。本工具基于 Canvas，单张图片建议不超过 5000 像素边长或 20MB。超过这个范围，拖动滑块可能卡顿甚至浏览器崩溃。如果图片过大，建议先用其他工具缩小尺寸（长边 3000px 左右）再导入。本工具没有文件大小硬限制，但性能取决于你的电脑配置。
隐私保证所有计算与处理均在你的浏览器本地完成，输入数据不会上传服务器，也不会保存或共享。