如何创建透明背景图像（PNG, WebP 及各种格式）

最后更新: June 27, 2026

透明背景能让一个抠图主体放置在任何背景上——市场页面的白色、广告的品牌色，或布局中的照片。但透明度是一种格式特性，而非默认功能：JPEG 完全不支持它，而 PNG 和 WebP 则可以。本指南将介绍哪些格式支持透明度、如何创建透明图像，以及何时值得花费额外的步骤来确保透明度。

快速答案：如何使图像透明？

将背景移除到 alpha 通道，并保存为支持该通道的格式。实用的规则是：

使用 Background Remover 获取抠图主体，然后导出 PNG 或 WebP。关于移除过程如何工作的细节，请参阅 AI background removal guide。

哪些图像格式支持透明度？

透明度来源于一个 alpha 通道——它是一个与 RGB 颜色并存的、每像素的不透明度值。并非所有格式都具备此通道：

上面的图表展示了区别：PNG 和 WebP 保留了棋盘格（表示透明）；JPEG 则用白色填充了该区域，因为它没有 alpha 通道。这就是为什么将移除的背景导出为 JPEG 会破坏透明度——这是最常见的错误。

Alpha 通道如何工作？

一个带有 alpha 的 PNG/WebP 中的每个像素都有四个值：红色、绿色、蓝色和 alpha（RGBA）。Alpha 代表不透明度——0 表示完全透明，255 表示完全不透明，中间的值则是半透明的。您看到的合成效果是抠图主体叠加在任何背景上的结果。

半透明像素对于软边缘（如头发、毛发、阴影、抗锯齿文本）非常重要。仅具有 1-bit 透明度的格式（GIF）会让这些边缘显得锯齿状或有光晕；PNG 和 WebP 的 alpha 通道能保持它们柔和。MDN alpha channel reference 解释了浏览器中 alpha 合成的工作原理。

如何创建透明图像？

1. 尽可能以纯净的背景作为主体。 相比于复杂的场景，使用纯白或纯绿色的背景更容易干净地移除。
2. 移除背景。 使用 Background Remover 进行自动移除，或者使用像 rembg 这样的 CLI 工具进行批量处理。
3. 导出为 PNG 或 WebP，绝不要使用 JPEG。确认导出器保留了 alpha 通道。
4. 以 200% 的放大倍数检查边缘——寻找光晕（残留的背景边角）和间隙（缺失的主体部分）。
5. 在一个对比鲜明的背景上进行测试，以确认透明度是真实的，而不仅仅是白色的方块。

对于干净的产品抠图主体，其结果可以放置在任何背景上：

这种可重用性就是全部意义所在：一个抠图主体可以成为市场页面的图像、广告创意和社交帖子，而无需重新拍摄。请查看 background removal use cases 指南了解完整的应用场景。

如何程序化地移除背景？

对于批量处理，rembg（一个基于 U2-Net 的 CLI 包装器）会输出透明的 PNG 文件：

pip install rembg
## 单个图像
remgb i input.jpg output.png
## 整个文件夹
rembg p input_dir/ output_dir/

使用 ImageMagick 和纯色背景，对于简单的情况，模糊阈值移除是有效的：

## 将接近白色的像素移除为透明（适用于白色背景的产品照片）
magick input.jpg -fuzz 15% -transparent white output.png

当背景复杂或主体包含毛发时，模糊阈值方法会失败——此时应使用基于模型的移除器（rembg）。请参阅 background remover tools comparison 查看哪种工具适合哪种任务。

透明图像应该用 PNG 还是 WebP？

两者都支持完整的 alpha 通道，因此选择取决于尺寸和兼容性：

对于网页，应使用 WebP 并以 PNG 作为回退格式，通过 <picture> 元素实现。对于电子邮件，则使用 PNG——许多邮件客户端仍然不支持 WebP。image format guide 涵盖了完整的权衡取舍。

何时应该避免使用透明度？

透明度并非总是最佳选择。在以下情况下应跳过它：

• 图像是全尺寸展示的照片。 照片不需要 alpha；JPEG 更小且更合适。
• 背景本身就是图像的一部分。 生活场景或纹理背景应该保留下来。
• 您正在为不支持 alpha 的系统导出。 一些打印流程和老式编辑器会平铺或破坏透明度。
• 文件大小至关重要，且主体边缘清晰。 一个匹配了背景的、平铺的 JPEG 可能比透明 PNG 更小。

常见错误

• 导出为 JPEG。 JPEG 没有 alpha 通道；您的透明区域将变成白色。请使用 PNG 或 WebP。
• 留下光晕（Halo）。 在新的背景上，可能会出现淡淡的背景残留物。尝试缩小/去除边缘掩码 1–2px。
• 对软边缘使用 GIF。 GIF 是 1-bit 透明度；头发和阴影会变得锯齿状。请使用 PNG/WebP。
• 过度压缩 alpha 通道。 一些激进的优化器会降低 alpha 通道质量；优化后务必检查边缘。
• 没有在对比背景上测试。 白色背景上的白色无法隐藏失败的移除效果。始终在深色或彩色背景上预览。

常见问题解答

哪些图像格式支持透明度？

PNG（无损，通用）、WebP（有损或无损，更小）和 SVG（矢量）。JPEG 不支持透明度——一个 JPEG 抠图主体会强制获得一个背景色。建议使用 PNG 作为主文件，WebP 用于网络传输。

如何使图像透明？

移除背景以创建 alpha 通道，然后导出为 PNG 或 WebP。移除过程可以是自动的（AI）或手动（蒙版）。请参阅 background removal guide。

透明图像应该用 PNG 还是 WebP？

WebP 用于网络传输（更小，支持 alpha）；PNG 用于主文件和最大兼容性。通过 <picture> 元素提供 WebP 和 PNG 回退格式，以确保旧版浏览器也能获取透明度。

Alpha 通道如何工作？

每个像素除了颜色外，还有一个不透明度值（alpha），因此图像的某些部分可以是完全透明、完全不透明或介于两者之间。Alpha 通道使得抠图主体可以放置在任何背景上。PNG 和 WebP 存储了它；JPEG 则没有。

什么是哑光边缘并如何去除？

哑光边缘是抠图周围的彩色光晕，它是原始背景颜色渗入主体边缘像素留下的痕迹。您可以使用去光晕或脱污工具移除它，或者以低不透明度擦除最外层的边缘像素。当您将抠图主体放置在对比鲜明的背景上时，会看到这种光晕——发货前请务必检查这一点。

什么是 alpha 通道？

一个第四通道（与红色、绿色、蓝色并存），用于存储每个像素的透明度，范围从完全不透明到完全透明以及两者之间任何值。它使得抠图主体可以放置在任何背景上。PNG 和 WebP 存储了 alpha 通道；JPEG 没有，这就是 JPEG 不支持透明度的原因。没有 alpha 通道，抠图主体就会获得一个强制实色背景。

如何给 JPEG 添加透明度？

您做不到——JPEG 没有 alpha 通道，因此无法存储透明度。要获得透明图像，必须移除背景并导出为 PNG 或 WebP，两者都支持 alpha 通道。将 JPEG 转换为 PNG 不会增加透明度；您必须先移除背景，然后再导出到可以承载透明度的格式。

能否让 JPEG 透明？

不能——JPEG 没有 alpha 通道，无法存储透明度。JPEG 总是具有实色背景。要获得透明度，请移除背景并导出为 PNG 或 WebP，它们支持 alpha 通道。将 JPEG 转换为 PNG 不会神奇地增加透明度；必须先移除背景。

图片鸣谢

• 格式透明度对比、抠图主体在不同背景上的展示以及 alpha 通道概念——由作者基于一个运动鞋产品照片（Pexels #1461048，摄影师：Ray Piedra）生成，以展示跨格式和背景的真实透明度。