fixmint
ZH

透明PNG为什么会变黑或变白?如何保持透明背景

作者: · · 更新于 2026年11月8日 · 阅读约 4 分钟

透明PNG变黑或变白,通常是因为程序把它保存为JPG,或者应用对图片重新编码。JPG没有透明通道(alpha通道)来记录透明信息。程序必须为透明像素填入一种颜色:要么填白色,要么保留像素自身存储的颜色值,而这些值往往是黑色。如果图片必须保持透明,就保存为PNG或WebP;如果一定要保存为JPG,就在保存前自己选好背景。

去除背景需要去掉照片背景免费使用

PNG中的透明是什么

PNG可以在每个像素的红、绿、蓝数值之外,再存储一个alpha通道。alpha记录的是像素的不透明程度。完全透明的像素会显示其后方的内容,比如页面底色或文档背景。图片的合成由查看器完成,因此同一个文件放在白色页面和深色页面上,显示效果都是对的。

JPG没有alpha通道。每个像素都是一种实色,所以透明区域必须写成某种颜色,而这种格式无法保留“透明”这一概念。

为什么会变黑或变白

转换程序去掉alpha通道时,必须决定原来透明的像素变成什么颜色。常见的结果有两种:

  • 保留存储的颜色。 透明像素仍然带有红、绿、蓝数值,而很多抠图文件里这些数值是黑色。如果转换程序只是丢弃alpha通道,就会保留这些数值,于是背景看起来是黑的。
  • 填充颜色。 另一些转换程序会先铺一层背景,通常是白色,再把图片叠在上面。图片格式转换工具就是这样做的:保存为JPG时,透明区域会被填充为白色,工具旁边也有说明。

应用还会带来第三种情况。上传表单、聊天应用和邮件客户端常常会在显示图片前重新编码,其中一些还会在过程中转换为JPG。结果取决于具体应用,因此同一张PNG在一个地方显示正常,在另一个地方却可能是黑的。

保留透明,还是选定背景

先确定你需要哪一种结果:

你的需求保存为结果
用于网站或设计的抠图PNG或WebP保留透明
同一张抠图放在纯色背景上JPG使用你选定的背景色

如果要保留透明,打开图片格式转换工具,选择PNG;如果浏览器支持,也可以选WebP。两者都能保留透明区域。压缩图片工具同样会保留透明:它会把透明图片保存为WebP,在Safari等无法写入WebP的浏览器中则保存为PNG。

如果需要先创建透明区域,请使用去除背景工具。它在浏览器中运行AI模型,下载时的选项决定输出格式:

  1. 选择保持透明,工具会保存为PNG。
  2. 选择白色、某种颜色或模糊背景,工具会保存为带有该背景的JPG。

如果表单要求JPG,就在抠图这一步选好背景,不要交给转换程序去决定,因为它可能选择黑色。

检查透明是否保留下来

在信任转换结果之前,先在两种背景上打开文件。把它放在纯白的网页和深色的网页上,或放在有颜色的幻灯片或文档中。如果两种背景下图片显示的底色相同,说明文件没有透明信息,颜色已经被固定进去了;如果周围的颜色随背景改变,说明透明得到了保留。

不同编辑器显示透明的方式也不同。许多图片编辑器会在透明区域后面画出灰白相间的棋盘格,而普通查看器可能显示为黑色或白色。棋盘格只是编辑器用来表示“这里没有内容”的方式,并不是图片本身的图案。请在实际使用的程序中检查文件,把其他预览仅当作粗略参考。

有意识地选择填充色

当输出必须是JPG时,要在转换程序之前决定背景。白色适合白底的页面或文档。纯色适合品牌色块或有底色的页面,并且应与图片后面的页面颜色相配,让柔和的边缘自然融入。去除背景工具的模糊选项会用同一张照片的柔和模糊版本作为背景,对于照片来说,可能比单一颜色填充更自然。选择与图片最终位置相配的选项,并在该位置上检查效果。

在fixmint中的操作步骤

  1. 保留原始的透明PNG,不要直接保存为JPG,因为JPG会丢失透明信息。
  2. 如果用于网站或设计,把它转换为PNG或WebP,使透明区域保持为空。
  3. 如果需要JPG,就自己为它添加背景。去除背景工具可以在主体后方放置白色、颜色或模糊背景,并保存为JPG。
  4. 使用前,在两种背景上打开文件检查。如果周围的颜色会变化,说明透明已经保留。如果表单有大小限制,最后再压缩图片。

特殊情况

  • 柔和的边缘。 头发、阴影和玻璃等部分带有半透明像素,它们仍保留着原背景的颜色。放到新背景上时,边缘可能出现浅色或深色的毛边。请使用边缘干净的抠图,或选择与原背景接近的填充色。
  • JPG无法保留透明。 如果表单只接受JPG,透明区域就必须被替换为某种颜色,任何JPG设置都无法改变这一点。
  • 在目标位置检查。 请在文件实际使用的地方查看,例如表单、网页或应用。预览时使用的背景可能与实际背景不同。
  • 选择格式。 对于网络上的图形,PNG通常是首选。JPG、PNG和WebP对三者做了更详细的比较。如果WebP文件无法在某个应用中打开,请参阅WebP图片无法打开的原因。

由 AI 辅助翻译自英文原文。

评论

    还没有评论。快来抢沙发。

    你的评分(可选)

    你的邮箱不会被显示或保存。

    Digital Workflow Toolkit 的封面Digital Workflow Toolkit

    一套食谱、模板和模式,用于串联小型文件任务(转换、重命名、压缩、合并),让工作流每次都以相同的方式运行。

    $19.00在 Gumroad 获取英文阅读