教程

如何创建透明 PNG(免费,免 Photoshop)

分步指南,零设计基础

透明 PNG 是带 Alpha 通道的 PNG 文件 —— Alpha 通道控制每个像素的透明度。32 位 PNG 格式支持完整 8 位 Alpha,意味着每个像素都可以设置为完全透明、完全不透明,或两者之间的任意值。本指南涵盖创建透明 PNG 的三种主要方法、常见坑点,以及我们推荐用于产品图、logo 和肖像的工作流。

透明 PNG 是 Web 上最通用的图片格式。每个现代图片编辑器、浏览器、设计工具、电商平台都能读取它。本指南涵盖创建透明 PNG 的三种主要方法、把 32 位 PNG 错存成 24 位的常见坑点,以及产出干净专业效果的导出设置。

是什么让 PNG「透明」?

PNG 透明靠的是 Alpha 通道 —— 第四个通道(在 R、G、B 之后)用于存储逐像素透明度。24 位 PNG 只有 RGB,每个像素完全不透明。32 位 PNG 多了 RGBA;Alpha 通道就是让背景消失的关键。从 BGRemover 保存抠图时,输出是带完整 8 位 Alpha 的 32 位 PNG —— 每个像素都能设置为 256 级透明度中的任意一档。

常见坑点

「透明 PNG」实际不透明的最常见原因:文件存成了 24 位 PNG 而非 32 位。24 位格式没有 Alpha 通道。在图片编辑器里检查文件属性 —— Photoshop 里 24 位显示为「Channels: RGB」,32 位显示为「Channels: RGB + Alpha」。

什么时候用 PNG vs WebP

PNG 是最保险的格式 —— 每个图片编辑器、浏览器、设计工具都支持,包括老旧软件。WebP 支持透明,在相同画质下文件小 25–35%,且每个现代浏览器都支持。母版文件用 PNG;Web 交付时另导一份 WebP。印刷用途 PNG 是母版 —— 印刷厂和印前工具偏好它。

分步指南

1

选好原图

原图应该在纯色背景上(白、浅灰或任何均匀颜色)。AI 把背景色作为「要删除什么」的提示。杂乱背景上的图(人群里站着的人、图案背景上的产品)会产出边缘粗糙、背景渗透的抠图。

2

上传到 BGRemover

打开工作区,把原图拖进去。AI 会检测前景主体并产出透明 PNG。处理典型 2000x2000 px 图片耗时 3–5 秒。输出保持原分辨率 —— 4000x4000 px 原图产出 4000x4000 px 透明 PNG。

3

开启「去边色」选项

「去边色」是产出干净透明 PNG 单一最重要的设置。它会替换掉半透明边缘像素的彩色光晕,把边缘颜色替换为完全透明像素。结果是在任何背景上合成时都边缘清晰利落。

4

导出为 PNG(不要 JPG,也不要 WebP)

导出格式选 PNG。JPG 不支持透明,导出要么失败要么被压成白底。WebP 也支持透明,但 PNG 是图片编辑器、浏览器、设计工具支持最广的格式。母版用 PNG;如需考虑 Web 文件大小,另导 WebP。

5

验证透明度

在任意现代图片查看器或浏览器里打开导出的 PNG。透明区域应显示为棋盘格。如果背景是纯白,说明 Alpha 通道缺失 —— 文件是 24 位 PNG,不是带透明的 32 位 PNG。回到 BGRemover 重新导出,确保开启透明背景选项。

常见问题

本工作流的快速回答

24 位和 32 位 PNG 有什么区别?

24 位 PNG 只有 RGB 通道(无 Alpha)—— 每个像素完全不透明。32 位 PNG 增加 8 位 Alpha 通道,透明才成为可能。如果你的抠图完全没有透明,就是 24 位 PNG,需要在 BGRemover 重新导出。

透明 PNG 能在任意图片编辑器中打开吗?

Photoshop、Figma、Sketch、GIMP、Affinity Photo 都支持透明 PNG。较老的工具(MS Paint、老版本 macOS 预览)不显示透明,会把背景显示为白。要最可靠的显示效果,用现代浏览器(Chrome、Firefox、Safari)打开。

透明 PNG 文件比 JPG 大吗?

通常是大 2–5 倍。PNG 是无损格式,JPG 是有损格式。需要透明时这个权衡值得。Web 交付时考虑另导一份 WebP —— 同画质通常小 25–35%。

用你自己的图试试

免费额度,无需注册,无水印。打开工作区,把刚读的内容用起来。