格式详解 · PNG

PNG 是什么格式?透明背景、无损与打开方法

讲清 PNG 是什么、为什么能做透明背景、无损压缩的优缺点与适用场景,以及怎么打开和转成 JPG 等格式。

快速回答

PNG(便携式网络图形)是一种无损压缩位图格式,1996 年为替代 GIF 而生,最大特点是支持 alpha 透明通道,适合 logo、图标、截图等需要透明背景或锐利边缘的图像,且开放无专利授权;代价是照片场景下体积比 JPG 大。

What

PNG 是什么

PNG(Portable Network Graphics,便携式网络图形)是 1996 年推出的无损位图格式,最初目的是替代当时受专利限制的 GIF。它采用无损压缩,保存多少次都不掉画质,且完全开放、无版权门槛。

为什么网页爱用 PNG?

无损保真加上透明背景,让 PNG 成为界面元素、图标、logo、截图的首选;边缘锐利、文字清晰,不会像 JPG 那样出现压缩噪点。

Transparency

PNG 的透明背景是怎么回事

PNG 之所以能做透明背景,是因为它在 RGB 三个颜色通道之外多了一个 alpha 通道,专门记录每个像素的透明程度——从完全透明到完全不透明、以及中间任意半透明都能表达。

8 位 / 24 位 / 32 位有什么区别?

8 位 PNG 用索引色、支持简单透明;24 位 PNG 色彩丰富但不带透明;32 位 PNG 在 24 位基础上加 8 位 alpha 通道,这就是能做平滑透明边缘的版本。把 logo 叠在任意背景上不露白边,靠的就是它。

Pros & cons

PNG 的优缺点

优点
  • 无损压缩,反复编辑不掉画质
  • 支持 alpha 透明,适合 logo / 图标
  • 边缘锐利、文字清晰,无压缩噪点
  • 开放格式,无专利授权
缺点
  • 照片场景体积明显比 JPG 大
  • 不支持动画(动图需 APNG / GIF / WebP)
  • 不适合做需要极致压缩的网页大图
When to use

什么时候用 PNG

logo / 图标 / 透明素材

需要透明背景叠加时,PNG 是稳妥选择。

界面截图 / 锐利图形

文字、线条、UI 截图用 PNG 不糊、不掉细节。

色彩丰富的照片

改用 JPG / WebP,体积小得多、肉眼差异小。

FAQ

PNG 常见问题

看用途。需要透明、锐利图形、无损保真用 PNG;追求小体积的照片用 JPG。两者各有所长,不是谁取代谁。

PNG 是无损格式,色彩丰富的照片会很大。若是照片,转成 JPG 或 WebP 可大幅缩小;若需保留透明,可用 PNG 减色压缩。

标准 PNG 不支持。动图请用 APNG、GIF 或 WebP。

在唯丹图不会。所有转换都在浏览器本地完成,图片不上传、不存储、不传输。