编辑实操

一张偏暗偏冷的图片,怎样修到可以交付?

用一张可下载的练习图,走完判断偏色、调整四个参数、裁剪与导出。每一步都说明看哪里、什么时候该停。

visdraw 团队阅读约 5 分钟更新于 2026年9月10日

这次只处理一个任务:把一张偏冷、偏暗的人像练习图调得更明亮、肤色更协调,再导出一张用于文章配图的成品。先看结果,再动手。

左侧偏暗偏冷的练习图,右侧用四个参数校正后的结果
左:输入练习图。右:色温 +1.15、曝光 +0.24、对比度 0.96、饱和度 0.90。其余参数保持默认。

这是一组受控演示:我们用站内现有素材生成偏冷、偏暗的版本,再用编辑器实际使用的白平衡和调整滤镜渲染右图。它展示参数的作用,不代表一次真实拍摄的前后对比。可以打开练习图,保存到设备后,在编辑器里复现。

1. 先找到两个能判断的地方

导入图片后,先看人物的浅色上衣与面部。上衣整体发蓝,脸部也偏冷,说明值得尝试白平衡校正;人物和衣服的中间亮度偏低,可以适度增加曝光。背景原本有暖色日光,不需要把整个画面变成中性灰。

观察到的问题先试哪个控制什么时候停
整张图偏暗曝光主体已清楚,浅色衣服仍能分辨褶皱
浅色物体和肤色都偏蓝白平衡 → 色温向暖上衣的蓝感减弱,肤色没有明显发橙
只有阴影太暗,亮部已经够亮暗部亮度阴影细节可见,但画面没有整体发灰
只有一个物体颜色不对先检查光源与物体本色不要为了一个物体把整张图都调偏

2. 输入四个参数,再逐项检查

在左侧光线与色彩控制中,按下面的值输入。色温和曝光以 0 为默认;对比度和饱和度以 1 为默认。这里的色温是编辑器的相对数值,不是开尔文。

控制练习值它在这张图里解决什么
白平衡 → 色温+1.15抵消练习图的蓝色偏移,保留适度暖感
曝光+0.24提高主体亮度
对比度0.96略微减弱明暗反差
饱和度0.90让回暖后的肤色与背景不过分浓烈

每调一项就对比原图:看面部有没有更容易辨认,上衣是否仍有纹理,背景是否抢走注意力。如果自己的照片只是略暗,完全可以只改曝光;这四个数值只对应本文提供的练习图。

实际编辑器中输入曝光 0.24、对比度 0.96、色温 1.15 和饱和度 0.90 后的画面
实际操作截图:四个输入框与处理后的画布。2026 年 9 月 10 日,在桌面 Chrome 中完成参数输入、保存预设与 JPG 导出验证。

3. 按放置位置决定裁剪

本文的校正对比保留 1:1 构图,方便看清同一位置的变化。如果你的文章要求横图,进入“裁剪”后再选择目标比例,移动裁剪框,检查头顶、手部和主体周围的留白。不要为了凑比例切掉关键内容。

先确定比例、再精调色彩也是合理顺序;这篇把裁剪放在后面,是为了让你先用完整练习图复现上面的结果。裁剪后再检查一次主体与背景的明暗关系。

4. 导出,再打开成品检查

这张源图是 1024 × 1024。如果放在最大约 512 CSS 像素宽的正文栏目里,保留 1024 像素宽可作为 2 倍像素密度的起点。不要仅为了凑“高清”把它放大到 2400 像素。

  • 目标网站接受 WebP:先试质量 85,保持所需像素尺寸。
  • 上传系统不接受 WebP:改用 JPG;如果需要无损中间文件,保留 PNG。
  • 打开下载后的文件,检查尺寸、脸部和衣服边缘;再放进实际页面看显示效果。
  • 保存原始素材。成品不能替代原文件,也不是带完整编辑步骤的项目文件。

格式和文件体积的实测见PNG、JPG、WebP 与 PDF 导出指南。如果还有一组图要处理,接着看同一个预设为什么不能让所有照片自动统一

这套流程适合做什么

它适合单张位图的构图、明暗、全局色彩和交付处理。需要精细蒙版、修复笔刷、多图层合成或可编辑的多页排版时,应使用具备对应能力的工具。本地编辑减少图片处理对服务器的依赖,但网页资源、账户与额度检查仍可能产生网络请求。

作者 · visdraw 团队 / 产品与工程

标签 · 浏览器修图 / 曝光 / 白平衡 / 工作流