订阅汇聚素材网Feed

PNG总结大全

PNG8

8位的PNG和GIF看上去差不多,最多支持256种颜色,8位的PNG支持索引透明(即和GIF一样的那种只有全透和全不透两种效果)和 alpha透明(支持半透明)。

PNG24

24位的PNG支持2的24次方的颜色数量,但是没有透明信息。

PNG32

32位的PNG在24位的PNG基础上增加了8位的透明信息,因此支持不同程度的半透效果。

Gif、Jpeg、PNG区别

Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha 透明)。支持动画;256种颜色不适合照片,适合图形

Jpeg不支持透明、不支持动画。Jpeg是最适web上面的摄影图片和数字照相机中

PNG 大致可以分为256色的png和全色的png,完成可以用256色的png8代替gif,用全色的png代替jpeg

PNG8(索引透明)在创建的时候有个参数叫(PS杂边|FW色板),这个作用就是用杂边色加上像素点的透明度例如50%,生成伪透明的不透明像素点适用于固定底色的伪半透明,例子里用的杂边是黑色,在白背景下就很明显

链接:ooxx.me/png.orz

PNG各种格式如下表所示:

格式 位数 透明支持
PNG8 8 不支持
PNG8+索引透明 8 仅支持全透明
PNG8+alpha透明 8 支持半透明
PNG24 24 不支持
PNG32 32 支持半透明
描述 标准浏览器 ie6及以下
FW: PNG8 (256色) 不透明 色板默认是画布的颜色(PS是没有画布色的,只有独立的层做背景),画布色一般是白色,所以在fw导出PNG 8的时候常常会遇到白色区域变成透明的情况。 (半)透明图片保存后背景为色板颜色
索引色透明 一个像素点只有两种属性,一种是全透明,一种色素。
通俗地说就是某像素是全透明还是全不透明
如果某色块颜色是色板的颜色,那么这个色块就是全透明的;
如果图片存在半透明(alpha透明),那么导出的时候,fw会将色板色和半透明区域叠加,展现出来的颜色加到色块上。
Alpha透明度 这个透明模式非常奇怪,他秉承了png32的半透明属性(可指定透明度),又包含了png 8的布尔透明。 用这个方法导出的png 8,在现代浏览器中呈现的效果与png 32完全一样,同样可以呈现半透明效果。 在ie6及以下浏览器中,半透明的色块被表现成全透明色块,且不会出现灰色背景,但弊端就是不会呈现索引色透明那么自然的过渡,会出现毛边现象。
要注意的是:这里的索引色是透明色块及半透明色块,并不是色板的颜色
FW:
PNG24 PNG32
(全色PNG)
PNG24 不透明,但是颜色数很多,不止256色;Photoshop里导出的png24其实是png32;
PNG32 比PNG24多了透明信息(支持Alpha透明),缺点在于IE6支持不好,会把透明区域显示成蓝灰底色
PS: PNG PNG8(索引透明) Photoshop只能导出布尔透明的PNG8
Fireworks既能导出布尔透明的PNG8,也能导出alpha透明的PNG8
PNG24(其实是PNG32)

结论

  1. PNG格式有8位、24位、32位三种形式,其中8位PNG支持两种不同的透明形式(索引透明和alpha透明),24位PNG不支持透明,32位PNG 在24位基础上增加了8位透明通道,因此可展现256级透明程度。
  2. Photoshop不支持也不能输出PNG8+alpha透明的PNG,32位PNG输出是由24位PNG加透明信息形式输出,而Fireworks对 PNG支持较好。
  3. 非IE6的浏览器都能正常显示包含透明信息的PNG图片,而IE6在滤镜的帮助下能够正常展示PNG8+索引透明以及32位的透明PNG图像,但是对 PNG8+alpha透明的图像支持不够好。
4 人Likes
  

文章转载请注明:PNG总结大全-汇聚素材网

本文固定链接:http://www.webhj.com/hj-1436.html  +复制链接

PNG总结大全:等您坐沙发呢!

发表评论

*

*

8 + 3

快捷键:Ctrl+Enter
0全站搜索 1 设计 2 素材 3 教材 4 WEB 5 电子书籍