跳至内容

图像透明度

图像透明度是什么,哪些格式支持 Alpha 通道,以及透明度在截图和导出中如何工作。

图像透明度让部分像素完全或部分透明,从而显示出图像背后的背景。透明度存储在 Alpha 通道中,即每个像素在红、绿、蓝之外的一个额外数值。在 8 位图像中,Alpha 为 0 表示完全透明,为 255 表示完全不透明。

部分透明的 Alpha 值可以实现柔和边缘、阴影和玻璃效果。图像存储 Alpha 的方式有两种:直通(颜色与不透明度分开存储)和预乘(颜色已乘以不透明度)。混淆两者会在边缘产生偏暗或偏亮的毛边。

有些格式只支持二值透明:像素要么完全可见,要么完全透明。

转换图像格式

转换为不支持 Alpha 的格式会丢失透明度。Image Converter 可以在 PNG、JPG 和 WebP 之间转换;要保留透明度,请选择 PNG 或 WebP。

透明度的工作原理

绘制带 Alpha 的图像时,每个像素会按其不透明度与背后的内容混合。透明 PNG 中带柔和阴影的 Logo,放在白色、灰色或照片背景上都能正确融合。同一图像拼合后,背景色就会固定在像素中。

支持透明度的格式

格式透明度
PNG完整 Alpha,8 位或 16 位
WebP完整 Alpha,有损或无损
AVIF 和 HEIC完整 Alpha
TIFF完整 Alpha
GIF二值透明,调色板中的一种颜色设为透明
JPG不支持
SVG按形状设置不透明度

透明度与截图

大多数截图完全不透明,因为它们记录的是屏幕上的一个矩形区域。在 macOS 上,按 Shift+Command+4 后再按空格键截取窗口,可以把窗口阴影连同透明的周边区域一起保存为 PNG。把这类图像导出为 JPG 时,透明区域会被填充为纯色。

常见错误

  • 把透明 Logo 保存为 JPG。
  • 用 GIF 保存柔和阴影,导致边缘出现锯齿。
  • 把透明的深色图标放在深色背景上,导致图标看不见。
  • 只在白色背景上预览。

现在就有图像需要处理?

使用 Social Image Composer 把透明图像放在所选背景上。

常见问题

WebP 支持透明度吗?

支持,有损和无损模式都支持。

为什么我的透明图像变成了黑色背景?

打开或转换该图像的 App 不支持 Alpha,或者把它拼合到了黑色背景上。

参考资料

相关资源

总是重复截取相同的截图吗?

Temposhot 可定时截取屏幕、窗口或指定区域,并将结果导出为 PDF、图片、ZIP 或 MP4。免费的网页工具只能处理单张图片。

相关资源

相关术语

全部术语