处理透明背景
在不同文件格式和平台上正确导出和使用透明背景图像。
Lesson context before the long read
Review the result preview above, then scan the learning objectives below before reading the full lesson. Updated 2026-05-17.
Example visual uses an existing public asset: /content-images/transparent-backgrounds-academy.webp.
Learning Objectives
- 1将抠图导出为带有完整 alpha 通道的 PNG 或 WebP 文件
- 2了解哪些文件格式支持透明度，哪些不支持
- 3排查常见的透明度问题，例如白色光晕和被压平的 alpha 通道
何时使用透明背景
移除背景后，你常常需要在保留透明度的情况下导出主体，以便将其叠加到其他设计中或放置在任何彩色表面上。PNG 是最广泛支持透明度的格式，它在 RGB 颜色数据旁存储完整的 alpha 通道。WebP 也支持 alpha 透明度且文件更小，非常适合网页使用。JPEG 完全不支持透明度，会用纯色（通常是白色）填充透明区域，因此当你需要透明导出时请避免使用 JPEG。
导出带 alpha 通道的图像
从 Magic Eraser 导出时，请选择 PNG 或 WebP 格式，并确认透明度开关已启用。通过将画布切换为棋盘格图案来预览导出，棋盘格代表透明区域。检查棋盘格是否出现在所有被移除背景的地方，且没有不透明残留。如果你在主体周围看到一条细细的白色或彩色轮廓，请返回边缘精修步骤，先应用净化再重新导出。
将主体放置到新背景上
一个常见的烦恼是在不支持 alpha 通道的软件中打开透明 PNG，导致背景显示为白色或黑色。这是显示问题，而非文件问题。请将文件拖入 Figma 或 Canva 等设计工具并放在彩色矩形上来验证透明度。如果背景能透过来，说明你的文件是正确的。对于网页开发者，请确保图像背后的 CSS 没有应用会遮盖预期透明效果的背景颜色。
Key Takeaways
- ✓PNG 和 WebP 支持 alpha 透明度；JPEG 不支持
- ✓导出前使用棋盘格预览来确认透明区域
- ✓透明 PNG 上的白色背景通常是查看器问题，而非文件缺陷