前端常见图片格式整理

前端常见图片格式整理

PNG （Portable Network Graphics，便携式网络图形，1996）

       PNG有8位、24位、32位三种形式，其中8位PNG支持两种不同的透明形式（索引透明和alpha透明），24位PNG不支持透明，32位PNG在24位基础上增加了8位透明通道，因此可展现256级透明程度。
      PNG8和PNG24后面的数字则是代表这种PNG格式最多可以索引和存储的颜色值。”8″代表2的8次方也就是256色，而24则代表2的24次方大概有1600多万色。

格式	最高支持色彩通道	索引色编辑支持	透明支持
PNG8	256索引色	支持	支持设定特定索引色为透明色（布尔透明）
PNG24	约1600万色	不支持	不支持
PNG32	约1600万色	不支持	支持8位透明度（256阶alpha透明）

【优点】

1、透明无损压缩；
2、渐进显示和流式读写；
3、保留图像名称、作者、版权、创作时间。

【缺点】

1、色彩支持少 （PNG8、PNG16、PNG32）；
2、ie6不支持png透明效果。

---

APNG(Animated Portable Network Graphics，2004)

       PNG的位图动画扩展，但未获PNG组织官方认可。扩展方法类似主要用于网页的GIF 89a，仍对传统PNG保留向下兼容。第1帧是标准的单幅PNG图像，因此只支持原版PNG的软件能正常显示第1帧。剩余的动画帧和帧速数据储存在符合原版PNG标准的扩展数据块里。

---

JPEG （1992）

       是一种针对照片视频而广泛使用的一种有损压缩标准方法。 JPEG本身只有描述如何将一个视频转换为字节的数据流（streaming&