最简单的说法就是:
索引图片只能有完全透明和不透明两种,alpha通道图片可以是比如 50% 透明的红色之类,半透明效果。
索引图片的工作原理:
索引颜色模式是一个很重要的模式。它是8位颜色深度的颜色模式,它最多只能拥有256种颜色。
1每一幅图像都各自拥有一张颜色表,而随图像不同,颜色表也不同。这一点是至关重要的。
2它的信息量小,又可制动画,所以它的图像和动画被广泛地用于网页制作上。
3它可制成透明图像,在网页使用。
在转换时,只有灰度和RGB两种模式,才能转换成索引颜色模式。
转换时只有两个选择是实用的:
随样性当图象颜色数大于256时,
使用该选项,Photoshop会定做颜色表。
实际当图象颜色小于256时
使用该选项,就用实际的颜色制作颜色表。
alpha工作原理:
Alpha的数值范围为从0(黑色)到255(白色),黑色代表透明,白色代表不透明。如果你的图片的白色部分是附着在某种颜色之上,那么即使背景是白色的,使用Alpha透明(Alpha transparency)后,你图片上的白色部分仍然是不透明的。
之所以去了解索引图片和alpha通道图片是为了切图的时候辨别什么时候应该导出什么样格式的图片。下面是各个图片格式之间的区别:
PNG-8:(索引透明图片)
256色PNG的别名,无损格式,体积最小,但最多只支持256色。和 gif 有一些相似之处,模式都是索引颜色,只支持像素级的纯透明,不支持 alpha 透明。我们通常说的“IE6 不支持 PNG 透明”,是指不支持 PNG-24 的透明(将透明区域显示为灰色)。
注:
IE6以下的浏览器支持PNG8的索引透明,但图片必须为全透明,半透明的png8在浏览器下显示为全透明。
Alpha透明的全色PNG(png32)在ie6中会出现背景颜色(通常是灰色)。
PNG-24:(Alpha透明图片)
png24 无调色板、支持阿尔法通道的半透明、每个点阵都有透明度的定义,最低32位真彩色;
GIF:
支持动画,像素级的纯透明,GIF跟png8的区别:png8比gif的压缩好一些,相同质量的png8比gif的大小要小;PNG和GIF都支持动画,PNG的动画也叫APNG,只是firefox支持,所以动画图片来说,还是GIF支持最好;
JPEG:
比全色PNG具有更加好的压缩,因此也使得JPEG适合照片,但是编辑JPEG过程中容易造成质量的损失,所以全色PNG适合作为编辑JPEG的过渡格式。不支持透明
logo等小图标可以选择png8保存,大图相片等选择jpg比较好,具体选择时可以对比看下,在满足网站图片需求时,哪种文件压缩之后文件大小小点就选择哪种。
下面是两个今天遇到案例:
图片如下:
这个是一个有半透明效果的png图片,可能有些人觉得这里的只是一个小图标,保存成png8的效果,但是png8是索引透明图片,没有半透明的渐变效果,所以用png24整体看处理斜线曲线的平滑效果会好一些。但是png24在ie6下显示隐藏,用滤镜这个列子没有坚决问题。所以只能用直接将原有的图片存储为png8。最后处理完的图片效果
如图: