你打开一个 logo,看到它背后是一片浅灰与白色交错的方格。什么都没坏,而且那些方格并不在你的文件里。

格子是占位符

图像编辑器和预览器必须在透明像素的位置画*点什么*。画白色会产生歧义——你将无法区分透明区域和白色区域。于是约定俗成用棋盘格:它视觉上一目了然,且不可能被误认为真实内容。

所以格子只表达一件事:这些像素是透明的。把这张图放到红色页面上,那里就显示红色;放到照片上,就显示照片。

同一个文件为什么到处显示得不一样

因为每个应用自行决定在透明像素后面放什么:

  • 编辑器和素材查看器 → 棋盘格。
  • 网页浏览器 → 图片元素背后的任何东西(页面背景、另一张图)。
  • 聊天软件和文档编辑器 → 通常是白色,有时是主题背景色,这就是白色 logo 在深色模式下会消失的原因。
  • 老旧软件和某些打印机 → 可能把透明压平成黑色,这正是"我的 logo 带了个黑框"这类抱怨的来源。

这些都不是 bug,只是对同一个 Alpha 通道做出的不同填充决定。

什么时候透明会彻底消失

  • 存成 JPG:完全移除 Alpha 通道,并把透明区域填成纯色(通常是白色)。这是不可逆的。
  • 上传到会重新编码为 JPG 的平台:不问自答地做同样的事——头像和部分电商平台很常见。
  • 在编辑器里压平图层:把一切合并到背景层上。

如果需要透明存活下来,就保持文件为 PNG 或 WebP,并确认目标平台接受它。

发布前的实用检查

  1. 白色和黑色两种背景上各预览一次。只在其中一种下正常的图都需要返工——通常是原背景残留的浅色光晕。
  2. 如果 logo 是深色的、又可能显示在深色模式下,另备一个浅色版本。透明解决的是白框问题,不是对比度问题。
  3. 如果平台要求纯色背景,就自己主动压平到选定的颜色,而不是让自动转换替你选白色。
  4. 保留透明母版。压平的副本随时能再生,而透明一旦失去就找不回来了。