图片加暗角工具

免费在线给图片添加暗角(vignette)效果,四周自然变暗、突出中心主体,可调节暗角范围和强度,营造复古胶片氛围,浏览器本地处理。

功能介绍

图片加暗角工具是一款纯前端在线工具,通过Canvas为图片添加经典的径向暗角效果。暗角可以突出画面中心主体,增加氛围感和复古感,所有处理均在本地浏览器完成,无需上传图片到服务器。

使用方法

  1. 点击「选择图片」上传需要添加暗角的图片
  2. 拖动滑块调整暗角范围和强度:范围越大,暗角向内延伸越多;强度越高,边缘越暗
  3. 选择暗角形状:圆形适配正方形图片,椭圆适配长方形图片更自然
  4. 调整到满意效果后,点击「下载处理后的图片」保存结果

实现原理

本工具通过逐像素计算实现暗角效果,原理如下:

  1. 以画布中心为原点,计算每个像素到中心的距离
  2. 根据你设置的暗角范围确定内半径,超过内半径的像素开始降低亮度
  3. 距离中心越远,亮度降低越多,降低幅度由强度参数控制
  4. 公式:亮度因子 = 1 - ((归一化距离 - 内半径归一化距离) * 强度)

注意事项

暗角有什么作用?

暗角可以让视觉焦点聚集在画面中心主体,增加图片的氛围感和电影感/复古感,常用于人像、风光摄影后期,让画面更有层次感和沉浸感。

范围和强度参数分别是什么意思?

范围控制暗角向内延伸的大小,范围越大暗角越靠近中心;强度控制暗角的明暗程度,强度越高图片边缘越暗。一般来说范围建议0.4-0.7,强度建议0.4-0.8,根据图片实际情况调整。

圆形和椭圆形暗角有什么区别?

圆形暗角是以中心为圆心计算距离,适合正方形图片;椭圆暗角会根据画布宽高对距离做归一化处理,适配长方形图片,暗角在长边和短边的表现更均匀自然。

如何去掉已经加上的暗角?

如果是在本工具添加后想去掉暗角,只需要重新上传原图,然后把强度调整为0即可得到原图。如果是原图自带暗角想要去除,本工具不支持这个功能,需要使用专业修图软件处理。