图片暗角添加指南

拍摄照片时，相机传感器会平等地记录画面中的所有内容。这往往会导致边缘出现分散注意力的元素——例如杂乱的树枝、明亮的路灯或高反射表面——从而将观众的视线从主体上引开。

所需准备

要为图片添加暗角，您无需复杂的图形设计软件或专业培训。只需准备以下基本要素：

兼容的图片文件：该工具支持标准的网页栅格格式，具体包括 JPG、JPEG、PNG 和 WEBP。* 现代网页浏览器：计算机或移动设备上的任何更新版浏览器均可用于上传和处理文件。 WebAssembly 支持：您的浏览器会加载 libvips WebAssembly 模块以在本地处理所有内容。 符合大小限制的文件：源文件不得超过 20MB 的支持限制。

20MB 的限制是强制执行的。超过此限制的文件将无法处理。此外，SVG 等矢量格式或 CR2、NEF 等 RAW 相机格式不受直接支持。在尝试添加暗角之前，您必须先将这些原始格式转换为 PNG 或 JPG 等标准栅格格式。

应用暗角

启动浏览器并导航至 Image Vignette 工具界面。在本地设备上找到图片文件。确保其格式受支持（JPG、JPEG、PNG 或 WEBP），且大小不超过 20MB 的限制。点击上传区域浏览本地文件夹，或直接将文件拖放到浏览器窗口中。* *半径 (Radius)*：调整此控件以确定暗角向图片中心延伸的距离。较小的半径将暗角限制在外部角落，而较大的半径则将暗色区域拉向中心。* *强度 (Intensity)*：修改变暗效果的强度。高强度会使边缘明显变暗，而低强度则使效果保持微妙。* *羽化 (Feathering)*：此设置控制过渡渐变的柔和度。高羽化值可产生从亮到暗的渐进、难以察觉的混合效果。低羽化值则会产生锐利、硬边缘的边框。点击按钮通过 libvips 启动转换。libvips 将对文件的像素网格进行数学调整。处理完成后，点击下载按钮将新样式的图片文件保存到本地存储中。

工作原理

libvips 通过执行直接的像素级坐标数学运算来处理您的图片。它不仅仅是在文件上方覆盖一个静态的暗色图片模板，而是动态分析上传图片的尺寸，以找到精确的几何中心点。

一旦 libvips 确定了中心坐标，它就会计算从该中心点到图片网格中每个单独像素的距离。libvips 使用数学衰减函数来确定每个像素变暗的程度。对于位于指定内半径内的像素，缩放乘数为 1.0，这意味着原始颜色完全保持不变。

随着距中心距离超过半径阈值，libvips 会应用羽化公式。该公式会逐步降低每个像素的红、绿、蓝 (RGB) 颜色通道值。像素离中心越远，其 RGB 值向下缩放至黑色的程度就越高。

对于包含透明度的 PNG 文件，libvips 必须小心处理 Alpha 通道。它仅将变暗因子应用于 RGB 颜色通道，同时保持透明度通道完整，确保透明背景不会变成纯黑色块。一旦这些数学调整应用于整个像素网格，libvips 就会将修改后的像素数据打包回您选择的输出格式（JPG、JPEG、PNG 或 WEBP）供您下载。

常见问题排查

如果文件上传失败，最常见的原因是文件大小超过了 20MB 的限制。当文件过大时，浏览器或 libvips 会终止连接。要解决此问题，请检查文件属性并在上传前减小图片的尺寸。

另一个常见问题是色彩断层，即暗角看起来像是一系列明显的块状圆环，而不是平滑的渐变。这是因为源文件的色彩深度较低或过去经过了过度压缩。当 libvips 尝试在色彩数据有限的图片上计算平滑过渡时，由于缺乏中间色调，会导致出现可见的“阶梯”。为防止这种情况，请始终上传高质量、未压缩的源文件。

如果您的主体看起来暗淡且模糊，问题在于图片构图。libvips 从画面的绝对几何中心计算暗角。如果您的主体位置偏离中心（例如在三分法构图中），宽暗角会覆盖并遮暗主体。要解决此问题，请在处理前裁剪图片以使主体更靠近中心，或者使用较小的暗角半径和较高的羽化值。

### 为什么处理后的图片显示出明显的同心圆环，而不是平滑的暗色渐变？ 这种视觉错误称为色彩断层。当您的源文件包含高度压缩的色彩数据时就会发生这种情况。libvips 没有足够的色彩深度来渲染从亮到暗的平滑过渡，被迫将相似的色调归类为可见的色带。请使用高质量、未压缩的源文件来解决此问题。 ### 为什么我尝试处理高分辨率照片时上传失败？ 上传失败是因为您的文件超过了 20MB 的支持限制。libvips 强制执行此限制。超过支持大小的文件将无法处理。您必须在上传前缩小图片尺寸或以更高效的格式保存。 ### 为什么暗角遮暗了照片的主体？ libvips 从图片的绝对几何中心开始计算暗角。如果您的主体构图偏离中心，变暗效果自然会蔓延到主体上。在将图片上传到工具之前，请裁剪图片以使主体居中。