PNG8和PNG24的区别

之前网页背景都存成png24的,对IE6再做一套gif格式的图片,同事说这么做就这么做了,也没去想为什么这么做。

今天想到这个问题,网上看了写资料,和大家分享一下。

首先我们要知道:

1.png8png24的根本区别,不是颜色位的区别,而是存储方式不同。

2.png81位的布尔透明通道(要么完全透明,要么完全不透明),png24则有8位(256阶)的布尔透明通道(所谓半透明)。

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

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

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

1.色彩丰富的、大的图片切成jpg的;
2.
尺寸小的,色彩不丰富的和背景透明的切成gif或者png8的;
3.
半透明的切成png24
 

回到本文开头的问题,如何区别(最简单的2种办法)

1.ps里看图像---模式,png8当然只有8/通道了。

2.当打开png8的图片时,ps会默认给它的图片标题上加上“索引”两字,png24的则没有。

3.文件属性详细信息。

DEMO

原文地址:https://www.cnblogs.com/snowinmay/p/3043550.html