你导出了一个漂亮的透明 logo,为了适配网页丢进压缩工具,结果出来的版本背后多了一块白色矩形。其实什么都没有"坏"——只是文件被转成了一种根本存不了透明信息的格式。

透明为什么会消失

透明信息保存在Alpha 通道里——每个像素除了红绿蓝之外的第四个数值。各格式对它的支持完全不同:

  • PNG:完整 8 位 Alpha。安全的默认选择,但体积大。
  • JPEG:完全没有 Alpha 通道。任何以 JPEG 为目标的转换器都必须把透明像素压平到一个背景色上——通常是白色,有时是黑色。
  • WebP:完整支持 Alpha,*同时*具备现代压缩率。通常比等效 PNG 小 60–80%。

所以规则很简单:只要图片必须保持透明,JPEG 就永远不在选项里,无论它的小体积多么诱人。

缩小透明 PNG 的正确姿势

  1. 转成 WebP,而不是"压缩 PNG"。 PNG 是无损格式,再压缩的空间很有限。把同样的像素转成带 Alpha 的 WebP,300 KB 的 logo 常常直接变成 40 KB,肉眼毫无差别。在 ImageHow 的在线压缩图片工具里,输出格式选 WebP(或"自动"),透明通道会自动保留。
  2. 先缩尺寸再压缩。 展示宽度只有 320 px 的 logo 不需要 2000 px 的源文件。尺寸减半,像素数量就变成四分之一——任何格式技巧都比不过这一步。
  3. 只有在必须兼容极老旧软件时才保留 PNG 版本。 当前所有浏览器(包括手机端)都支持 WebP。

什么时候确实应该压平背景

有时透明版反而不是正确的交付物——比如头像上传或强制要求 JPG 的表单。这时应该*主动*压平:把 logo 放在你自己选定的背景色上再导出 JPEG。有意识地压平,好过让转换器替你默认选白色。(如果你需要反过来——去掉背景做出透明图——基于色键抠图的去除背景工具同样可以在浏览器里完成。)

快速清单

  • 需要透明 → WebP(体积小)或 PNG(兼容性最稳)。绝不用 JPEG。
  • 不含透明的照片 → JPEG 或 WebP,谁小用谁。
  • 需要缩放的图标 → 优先考虑 SVG,而不是任何位图格式。

先把格式选对,"压缩会不会丢透明"这个问题就根本不存在了。