透明背景图片怎么做?哪些格式支持透明、为什么会变白底

透明背景图片变白底,多半是因为某一步被存成了 JPG。透明背景是指图片除了红绿蓝三个颜色通道外,还带一条 alpha 通道,逐个像素记录“有多不透明”,背景区域的 alpha 为 0,叠到任何底色上都只露出主体。PNG、WebP、AVIF、GIF 能存透明,JPG 和 BMP 不能。下面讲清怎么做出透明图、存什么格式、白底和白边分别怎么查。

透明背景到底是什么?

透明背景是图片里多出来的一条 alpha 通道,逐像素记录不透明度。普通照片每个像素有红、绿、蓝三个数值;带透明的图片再加一个 alpha,取值 0~255:0 是完全透明,255 是完全不透明,中间的数就是不同程度的半透明。

软件里看到的灰白棋盘格,只是“这里什么都没有”的一种画法,文件里并没有格子。同理,看图器把透明区画成白色,也不代表文件里存的是白色。

一个容易忽略的事实:透明像素也有颜色

alpha 为 0 的像素,红绿蓝三个值依然存在,只是不显示。用一张白底红色圆形的图做去底色实测,背景像素 alpha 已经是 0,颜色值却仍然是 255,255,255。平时看不出区别,一旦某个工具处理透明时没有正确计算 alpha,这些“隐藏”的颜色就会显形——这也是后面要讲的白边问题的根源。

哪些格式支持透明?

PNG、WebP、AVIF 支持完整的半透明,GIF 只支持一种全透明色,JPG 和 BMP 完全不支持。为了看清差别,下面把同一张 400×400 的透明圆形头像,在小鹿 Image 里转成各种格式后逐像素检查:

格式透明支持半透明边缘像素实测体积适合
PNG完整 alpha1252 个(原样保留)385.6KB通用交付、继续编辑
WebP完整 alpha1252 个24.8KB网页、小程序
AVIF完整 alpha2286 个(边缘略被抹宽)24.1KB追求体积的新项目
TIFF完整 alpha1252 个348.1KB印刷、归档
GIF单色全透明0 个(边缘出锯齿)76.8KB简单动图
JPG不支持—(透明区填白)33.3KB不需要透明的照片

另外,ICO 图标内部可以直接封装 PNG,因此也能保留透明;SVG 是矢量格式,透明是天然的,适合 Logo 和图标,不适合照片。

GIF 的透明为什么不够用

GIF 的透明机制是“从 256 色调色板里指定一个颜色当作透明”,所以每个像素只能是全透或不透。上表里半透明像素从 1252 个变成 0 个,圆边原本平滑的过渡变回台阶状锯齿,叠到深色背景上尤其明显。做透明静态图,不建议选 GIF。

照片类透明图用 WebP 更划算

PNG 无损,存照片内容时体积很大。Google 的 WebP 文档给出的数据是,允许有损时,带透明的 WebP 通常比 PNG 小约 3 倍;照片类头像的实测差距更大,约 15 倍。网页上的透明图可以用PNG 转 WebP一步转好,WebP 的兼容性与取舍细节见WebP 是什么格式

透明背景图怎么做出来?

先看图片是什么类型,再选对应的方法。不同来源的图,“把背景变透明”的难度差别很大。

图片类型方法小鹿 Image 工具
纯色背景的人像、商品图、证件照按颜色把背景去掉一键去底色
白纸上的手写签名提取笔迹,纸面变透明签名抠图
纸上盖的红色印章按红色提取印迹印章提取
头像、Logo 要圆形轮廓圆形蒙版,圆外透明圆形头像裁剪
树林、街景等复杂背景需要识别主体的 AI 抠图当前工具不擅长,建议用专门的抠图软件

“一键去底色”按像素和背景色的颜色距离来判断,速度快、不用下载模型,但它不认识“人”或“物”,只认颜色。衣服颜色接近背景时要调低容差,否则衣服会被一起去掉。签名和印章的提取思路类似,操作细节见签名怎么去白底;圆形头像的构图与导出格式见图片怎么裁成圆形

导出后变成白底或黑底,按什么顺序查?

先判断是文件丢了透明,还是软件没显示透明。把图片放到深色背景的 PPT 或网页里看一眼,就能分清两种情况。确认是文件问题后,按下面逐项核对:

  • 处理链路里有没有哪一步存成了 JPG 或 BMP?这两种格式一律填底,填白还是填黑取决于软件。
  • 工具里是否选了背景色而不是“透明”?选了底色的导出结果不带 alpha 通道。
  • 是不是用截图代替了导出?截图只记录屏幕上显示的颜色。
  • 是否经过聊天软件、网盘预览或平台上传?这些环节常把图片重新压缩成 JPG。
  • 是否存进了手机相册再导出?部分相册在导入或分享时会转码。

黑底比白底更让人意外,它通常出现在某些程序直接丢弃 alpha 通道的时候:透明像素里存的颜色如果恰好是 0,0,0,alpha 一丢,就全部显形成黑色。这正是上文“透明像素也有颜色”的直接后果。

抠图后边缘有白边,是怎么来的?

白边来自边缘那一圈半透明像素:透明度算对了,颜色却还混着原来的白底。拍摄或扫描时,主体边缘的像素本来就是主体色和背景色的混合,去底只调整了它们的 alpha,没有把混进去的白色“洗掉”。

还是用白底红色圆形实测:去底后边缘剩下 67 个半透明像素,它们绿色通道的平均值是 223,而印面纯红的绿色通道只有 37。换句话说,这些像素其实是淡粉白色。放在白纸上看不出来,一放到深色背景上,就是一圈发亮的毛边。

怎么减轻白边

  1. 适当调高容差,让和背景色接近的边缘像素一起被去掉,代价是主体轮廓会向内收一点。
  2. 少用大羽化。羽化让边缘过渡更柔和,但过渡带越宽,混着背景色的像素也越多,深色背景上白边反而更明显。
  3. 源头控制底色。知道成品要放在深色版面上,拍摄或扫描时就用深色背景,混进边缘的颜色和目标背景接近,自然看不出来。
  4. 先试放再定稿:导出后在目标背景上看一次,比在棋盘格上看更能发现问题。

去底和换底都可以直接在一键去底色里调容差和羽化实时对比;各图片格式在透明、体积、兼容性上的整体取舍,见图片格式怎么选

常见问题

哪些图片格式支持透明背景?
PNG、WebP、AVIF、TIFF、ICO 和 SVG 都能保存逐像素的透明度;GIF 只能指定一种颜色为全透明,没有半透明;JPG 和 BMP 不支持透明。日常用 PNG 兼容性好,网页上用 WebP 体积更小。
为什么我的 PNG 打开后背景是白色的?
先分清是文件问题还是显示问题。很多看图软件和系统相册会把透明区域画成白色,把图拖到深色背景的 PPT 或网页里就能确认。如果放到深色背景上仍是白底,说明透明在某一步已经丢了,常见原因是中途转成过 JPG,或者拿截图代替了导出。
JPG 能做成透明背景吗?
不能。JPG 格式本身没有透明通道,无论用什么软件都只能存成带底色的图。需要透明就把原图用抠图或去底色工具处理后导出 PNG;已经转成 JPG 的透明图无法恢复,只能从原文件重新处理。
抠完图边缘有一圈白边怎么办?
白边来自边缘的半透明像素:它们的透明度是对的,颜色却混着原来的白底,叠到深色背景上就显出一圈浅色。处理方法是适当调高去底色的容差,把这圈混色像素一起去掉;或者在接近目标背景的底色上重新拍摄或扫描原图。
透明背景图为什么这么大?
PNG 是无损压缩,对照片这类色彩连续变化的画面几乎压不下去。实测一张 400 像素的圆形人像头像,透明 PNG 约 386KB,转成透明 WebP 约 25KB。图标、签名、印章这类色块简单的图,PNG 本身就很小,不必转换。
透明图发微信后变成黑底或白底了?
聊天软件在发送图片时常会重新压缩并转码,透明区会被填成某种底色。需要对方拿到透明原图时,以文件方式发送,或者打包成压缩文件再发。
图片透明度能设成半透明吗?
可以,alpha 通道本来就支持 0~255 之间的任意值。给整张图加半透明效果,或者只让某些区域半透明,都需要导出 PNG、WebP 这类支持 alpha 的格式;存成 GIF 会变成非透即实。
做透明背景需要上传图片吗?
在小鹿 Image 不需要。去底色、签名抠图、印章提取和圆形裁剪都在浏览器本地处理,图片不会发送到服务器。

动手试试

看完直接动手——用一键去底色工具,在浏览器本地处理,图片不上传、免费无需注册。

参考资料

「小鹿 Image」团队维护,更新于 2026-09-20。如发现问题或建议,欢迎通过反馈入口联系我们。