图像透明度
图像透明度是什么,哪些格式支持 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。免费的网页工具只能处理单张图片。