png图片半透明部分在网页中显示为白色的处理

来源:互联网 发布:mac 手绘动画 编辑:程序博客网 时间:2024/05/16 15:07

图片在ps中有半透明部分,但是在网页中却显示白色,而不是下层图片内容,原因可能是图片为png-8,若换用png-24,即可显示下层内容。

png-8和png-24区别(以下来源于http://blog.csdn.net/MissEcho0918/article/details/51417593):

png是一种图片格式,是Portable Networks Graphics的缩写,做ping。
png8和png24的区别如下:
1.“PNG8”是指8位索引色位图,“PNG24”是24位索引色位图。
2.每一张“png8”图像,都最多只能展示256种颜色,所以“png8”格式更适合那些颜色比较单一的图像,例如纯色、logo、图标等;因为颜色数量少,所以图片的体积也会更小;
3.每一张“png24”图像,可展示的颜色就远远多于“png8”了,最多可展示的颜色数量多大1600万;所以“png24”所展示的图片颜色会更丰富,图片的清晰度也会更好,图片质量更高,当然图片的大小也会相应增加,所以“png24”的图片比较适合像摄影作品之类颜色比较丰富的图片;

根本区别(进阶级别):
1.png8和png24的根本区别,不是颜色位的区别,而是存储方式不同。
2.png8有1位的布尔透明通道(要么完全透明,要么完全不透明,不支持半透明),png24则有8位(256阶)的布尔透明通道(所谓半透明)。 png-8 和 gif 有一些相似之处,模式都是索引颜色,只支持像素级的纯透明,不支持 alpha 透明。

如何判断图片是png8还是24:
1.在ps里看图像—模式,png8当然只有8位/通道了。(png24有其他的通道可供选择)
2.当打开png8的图片时,ps会默认给它的图片标题上后面加上“索引”两字,png24的则没有。

ps切图时应遵循:
1.色彩丰富的、大的图片切成jpg的;
2.尺寸小的,色彩不丰富的和背景透明的切成gif或者png8的;
3.半透明的切成png24。
png透明ie6下的兼容问题:

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

原创粉丝点击