图片晕影

什么是图片晕影？

晕影是一种视觉效果，使图片的边缘和四角逐渐变暗，而中心保持明亮。结果看起来就像照片透过一个柔和的圆形画框在观看，将观者的视线引向画面中央。晕影在许多镜头中自然出现——尤其是大光圈和复古设计——并常被人像、婚礼和电影摄影刻意添加，以营造氛围并突出主体。

本工具完全在浏览器中数字化重现这一效果。您上传图片，用强度滑块选择暗化程度，工具会遍历每个像素、计算其与图片中心的距离，并将 RGB 通道乘以一个衰减系数，使四角附近的像素比中心附近的像素变暗更多。由于整个流程都通过 JavaScript 与 Canvas API 在本地运行，不会上传任何内容，结果几乎瞬时生成。

晕影滤镜的工作原理

本工具底层使用 Canvas 2D API。源图像被绘制到离屏画布上，随后 getImageData 返回原始像素缓冲区。对每个像素，工具计算其与图片几何中心的欧几里得距离，按中心到角点的距离（最大可能距离）进行归一化，并平方结果以产生平滑的径向衰减曲线。该衰减值乘以强度系数，每个 RGB 通道按 1 − 强度 × 衰减² 进行缩放，因此正中心保持不变，而四角承受最大暗化。

对归一化距离取平方可产生柔和、自然的渐变，而非生硬的圆环。0% 强度时图片不变，50% 时四角亮度约为原始的一半，100% 时四角被完全压成黑色。由于转换是简单的逐像素操作，即使大图也极为迅速。

晕影与其他暗化效果的区别

晕影与简单地降低图片亮度并不相同。亮度降低会以相同幅度暗化每个像素，使画面变得平淡并冲淡细节。而晕影则应用径向渐变：中心保持完整亮度，只有边缘逐渐隐去，从而在保留主体的同时淡化外围。这使得观者的视线自然地聚集到画面中央。

与纯黑边框相比，晕影更加柔和，因为暗化是逐渐增强而非生硬切入。与渐变叠加相比，晕影是几何性的——它始终跟随图片中心而非单一方向，因此对横向、纵向和方形裁剪同样有效。结果是一种经典的摄影外观，几乎适用于任何主体。

何时使用晕影

晕影是跨多种摄影与设计领域的通用收尾手法。对四角轻微暗化可将一张平淡的快照变成精致的图像，而更强的晕影则增添戏剧感与氛围。常见场景包括：

• 人像与婚礼。暗化边缘，让观者的视线锁定在主体面部，将其从杂乱背景中分离出来。
• 产品摄影。用柔和的晕影将产品从周围白色或灰色无缝背景中凸显出来。
• 电影剧照。添加强晕影重现变形宽银幕镜头的观感，将注意力吸引到动作中心。
• 复古与低保真风格。将晕影与棕褐色或颗粒滤镜搭配，模仿老式胶片相机镜头自然暗化四角的效果。
• 网页与平面设计。柔化主图边缘，使叠加的文字和 UI 元素更易读。

当您希望图片显得更聚焦、更具戏剧性或更具怀旧感时，晕影是最快的实现方式。

如何为图片添加晕影

添加晕影只需几秒，全部在浏览器中完成——无需上传、无需注册、无水印。请按以下步骤操作：

1. 上传图片。点击上传区或将 JPG、PNG、WebP、GIF 或 BMP 文件拖入。图片会立即解码并预览。
2. 设置强度。使用 0 到 100% 的滑块。数值越高，四角越暗，框选感越强。
3. 选择输出格式。选择 PNG 获得无损质量、JPG 获得更小照片体积、或 WebP 兼顾大小与质量。
4. 点击"应用晕影"。工具会处理图片，并并排显示原始与结果文件大小。
5. 下载结果。点击"下载晕影图片"保存图像。原文件保持不变。

由于每一步都在浏览器中通过 JavaScript 本地执行，您的图片绝不会被上传到服务器。这使得工具完全私密、快速，并适合处理敏感图片。