PNG8和PNG24的区别

今天我做了一个图，因为需要透明，所以我存为了PNG8格式，结果发现图片变了，图片变得四周都

不光滑了，四周都变得有锯齿了，而且阴影也不见了，后来存为PNG24，这些问题就消失了。

我去百度搜索了关于PNG8和PNG24的区别，看到下面的文章，原来PNG8要么完全透明，要么完全不透

明，不支持半透明，所以才会出现上面的问题，但PNG24支持半透明的。

详细请看以下文章，希望能帮到您哦，呵呵

一直在png图片透明这块，模糊着，虽然XXX，就是因为懒没有认真测试测试。今天看到同事要做一个这样的效果时，发现得弄弄了，于是去新浪微博看下它logo的实现时，遇到这个问题（想知道它用的什么格式的png图）。

首先先做下比较，因为估计做前端的人和我一样知道最多的就是png是一种包含半透明格式的图片。其实我们还要知道：

1.png8和png24的根本区别，不是颜色位的区别，而是存储方式不同。

2.png8有1位的布尔透明通道（要么完全透明，要么完全不透明），png24则有8位（256阶）的布尔透明通道（所谓半透明）。

png-8 和 gif 有一些相似之处，模式都是索引颜色，只支持像素级的纯透明，不支持 alpha 透明。

我们通常说的“IE6 不支持 PNG 透明”，是指不支持 PNG-24 的透明。但是 IE6 支持 PNG-8 的透明，就像支持 gif 的透明一样。

这样我们在工作中就有了方向：

1.色彩丰富的、大的图片切成jpg的；

2.尺寸小的，色彩不丰富的和背景透明的切成gif或者png8的；

3.半透明的切成png24。

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/173

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！