透明 PNG 除了保存颜色，还会保存透明度信息。图片中的区域可以完全可见、半透明或完全不可见，因此适合商品抠图、Logo、贴纸、叠加素材和界面资源。
棋盘格不是图片内容
设计软件经常用灰白棋盘格表示透明区域。棋盘格只是预览背景，并不会被导出到图片中。
有些基础看图软件也会把透明区域显示成白色。可以把图片放到彩色背景上，或者用能明确显示透明通道的编辑软件进行确认。
哪些场景适合透明 PNG
常见用途包括：
- 需要放在不同背景上的商品抠图。
- 不希望出现矩形底色的 Logo 和品牌标识。
- 界面图标和叠加元素。
- 需要覆盖在其他内容上的演示文稿素材。
- 需要保留清晰文字和硬边缘的图形。
如果普通照片不需要透明背景，JPG 或 WebP 往往更小。PNG 应该用于解决真实的透明需求，而不是所有图片都默认使用。
为什么透明图片会出现白色方框
平台把图片转换成 JPG、编辑器在白底上合并图层，或者某些应用在复制图片时不保留透明通道，都可能导致透明度丢失。
为了避免：
- 下载并保留原始 PNG 结果。
- 不要只把 JPG 后缀改成
.png，改名不会产生透明背景。 - 确认目标平台支持透明图片。
- 从设计软件导出时启用透明背景。
- 不要对透明预览直接截图。
在两种背景上检查边缘
抠图边缘可能残留半透明浅色像素，在白底上不明显，换成深色就会形成白边。
建议分别放到浅色和深色背景上检查，特别关注毛发、布料、玻璃、反光商品和模糊阴影。
保留主文件，再制作交付版本
保存一份分辨率足够的透明主文件，再从它制作网站、电商平台、社交媒体和演示文稿需要的不同尺寸。
这样可以避免反复导出带来的质量下降，也方便以后重新设计版式。
注意网页文件大小
PNG 使用无损压缩，文件通常比 JPG 或现代 WebP 更大。尺寸过大的透明图片会拖慢网页，移动端尤其明显。
高质量主文件可以离线保存，网站版本应根据实际展示尺寸进行优化。图片只显示 300 像素宽时，通常没有必要直接加载 4000 像素版本。
快速检查方法
交付前确认：
- 文件后缀是
.png。 - 放到不同颜色背景上时背景会变化。
- 主体周围没有白色矩形。
- 柔软边缘仍然自然。
- 下载后重新打开没有异常。
透明 PNG 最重要的价值是可以重复利用。建议把它当作长期源素材，而不是一次性成品。
