PNG-8和PNG-24的抉择

今天我作了一个图,由于须要透明,因此我存为了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。
前端

相关文章
相关标签/搜索