透明底图片制作 · 一键导出 PNG 透明背景素材
透明底指的是图片的背景没有像素、只剩主体 —— 把它拖到任何底色或场景图上，边缘都会自然融合，不会带出一个白色方块。做 Logo、海报合成、PPT、详情页素材，基本都离不开它。
输出带 Alpha 通道的 PNG · 不铺白底、不改画质
透明底到底是什么
普通图片（如 JPG）每个像素用三个数值记录颜色：红、绿、蓝，也就是常说的 RGB。PNG 在此基础上多了一个通道 —— Alpha 通道，用来记录"这个像素有多不透明"，取值从完全透明到完全不透明。
所以"透明底"并不是把背景涂成某种特殊颜色，而是把背景区域的不透明度设为 0。这也解释了为什么透明底图片没办法在画图或简单看图工具里"看"到透明 —— 这类工具只用 RGB 渲染，遇到 Alpha 为 0 的区域通常直接用黑或白填充，于是看起来就像整块背景变成了纯色。
什么时候必须用透明底
Logo / 图标
放在深浅不同的界面或页面上都要能看，白底图一旦遇到同色背景就消失了。
海报 / Banner 合成
人物、商品叠在场景图上，透明底能让边缘自然贴合，不出现白框。
PPT / 汇报材料
直接把主体拖进幻灯片，不需要再处理背景色差。
商品详情页
同一张素材复用到不同底色的活动区块，不用为每个区块单独抠一次。
水印 / 贴纸
半透明水印需要保留 Alpha 过渡，只在不透明图片上做会显得生硬。
App / 网页 UI
图标与插画素材需要适配深色模式，透明底是前提。
PNG 还是 JPG：一张对照表
| 对比项 | PNG（透明底） | JPG |
|---|---|---|
| 透明支持 | 支持 Alpha 通道，可完全透明 | 不支持，透明区域会被填成实色 |
| 压缩方式 | 无损压缩 | 有损压缩 |
| 文件体积 | 同尺寸下通常更大 | 更小 |
| 适合场景 | 素材合成、Logo、UI 图标 | 照片、电商主图、网页大图 |
| 反复编辑 | 多次保存不掉画质 | 每次保存都会累积损失 |
判断方法很简单：后续还要把主体叠到别的背景上，就用 PNG；图片本身已是最终成品且不需要透明，用 JPG 更省体积。
透明底"看起来不对"的几种情况
- 显示成黑底 / 深灰底：最常见的问题，也是唯一不需要担心的 —— 多数聊天软件与看图工具不渲染透明区域，用黑色占位。文件本身没问题，放进设计软件或用浏览器打开就是透明的。
- 显示成白底：可能是真的被填了白底。部分工具在"另存为 JPG"时会静默把透明区域填白，这时文件已经丢失透明信息，需要重新导出 PNG。
- 显示成灰白格子：这不是底色，而是设计软件（Photoshop、Figma、Canva 等）用来标示透明区域的棋盘格，说明透明是正常的。
- 边缘有一圈白边：通常是原图本身在背景交界处有亮边（逆光拍摄常见），或导出时被压缩过。可换用原图重新处理。
制作流程
上传原图
使用未经压缩的原图。社交软件转发过的图片常带回边与压缩噪点，会影响边缘质量。
自动去背景
AI 分离主体并细化边缘，得到带 Alpha 通道的结果，透明区域不会被填充任何颜色。
导出 PNG
选择 PNG 格式下载。若素材同时需要不透明版本，可另存一份 JPG。
常见问题
为什么一定要存成 PNG，不能用 JPG？
因为 JPG 格式在设计上就没有 Alpha 通道，无法记录"透明"这个状态。保存为 JPG 时，透明区域必然被替换成某种实色（多数软件填白，部分填黑），透明信息不可恢复。
在手机上打开是黑底，是文件坏了吗？
不是。多数聊天软件与手机相册不渲染透明通道，会用黑或深灰作为占位底色。可以通过浏览器打开、或拖进任意设计软件验证：透明区域会显示为棋盘格，说明文件完好。
透明底和白色底看起来差不多，有区别吗？
区别很大。白底是"不透明的白色像素"，叠加到其他背景上会带出一个白色方块；透明底没有背景像素，只有主体本身，可以贴到任何底色上。这也是为什么做素材不建议用"白底图"代替"透明底"。
PNG 文件太大怎么办？
PNG 是无损格式，体积天然偏大。用于网页时，建议先在图片编辑工作台里等比缩放到实际展示尺寸（例如展示宽度 800 像素，就不必导出 4000 像素），再上传，观感几乎无损而体积能显著下降。
半透明的部分能保留吗？
能保留一定的半透明过渡（例如玻璃、薄纱、水花），实际效果取决于原图的对比度。若素材对半透明要求很高，建议先用一两张试跑确认效果。
相关工具
要透明底，就别存 JPG
上传图片，导出带 Alpha 通道的 PNG。