PNG8和PNG24以及PNG32的区别

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

个人觉得png8对应的是gif格式相同的效果,支持完全透明和完全不透明两种效果和256色,png8更小,目前很多大型门户网站开始使用png8来代替gif,但png8没有gif的动画效果png24支持24位色,图片质量很高,但Fireworks中的png24不支持Alpha透明通道,也就是FW中的png24不透明的,但在PS或者AI中导出的png24是支持Alpha透明的png32是FW中的支持Alpha通道的png图片PNG8和PNG24的区别一个图需要透明,所以存为了PNG8格式,结果图片四周都变得有锯齿了,阴影也不见了,存为PNG24后,这些问题就消失了。百度搜索了PNG8和PNG24的区别,原来PNG8要么完全透明,要么完全不透明(1位布尔通道),不支持半透明,PNG24则支持半透明的(8位alpha通道;256灰度级):看新浪微博logo,遇到这个问题(想知道它用的什么格式的png图)。1、.png8和png24的根本区别,不是颜色位的区别,而是存储的方式不同。2、.png8只有1位透明通道(或全透明,或全不透明),png24则有8位(256阶)透明通道(可半透明)。3、png8和gif有相似之处,都只支持像素级的纯透明,但不支持alpha级的半透明。4、通常说“IE6不支持PNG透明”,是指不支持PNG24的半透明。但该版支持PNG8的透明,与支持gif透明一样。因此,制作网页时:1、色彩丰富的大图片切成jpg;2、小尺寸,色彩单调,或背景透明的切成gif或png8;3、半透明的切成png24。如何区别png8和png24:1、ps里看图像模式,png8只有8位通道。2、打开png8格式,ps会默认在其标题加上“索引”二字,而png24没有。最后说下png透明ie6下的解决问题:新浪微博的logo(png24)采用了下面的方法来实现透明:_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.png',sizingMethod='crop');但测试发现,给background:redurl(logo.png)no-repeatcenter;加了红色后,别的浏览器正常识别,但ie6依旧不识别。解决办法是在外面套标签,或在body加背景色。(background-color:red;)PNG(8/24/32)Alpha之间的区别更新:2013-06-2615:48PNG是一种常见图像文件格式。该格式不仅能与GIF一样制作成动画(APNG),还可以存储透明关系Alpha。但PNG分为PNG8PNG24和PNG32。一PNG8(索引色透明),PNG8只能用256色,可以设透明。但有两种方式:索引色透明:只能简单指定某像素是否透明。Alpha透明:可指定像素透明度,如22%透明度。二PNG24PNG24不支持透明度,但颜色高达1678万种。注:Photoshop导出的PNG24支持透明。是因为其实是PNG32。三PNG32不仅颜色与PNG相同,且支持alpha透明度。注:IE6对PNG32的兼容性不好网站设计中png8png24png32区别与联系作者:谭小姐文章来源:网站制作设计部点击数:1612更新时间:2009-9-14Gif特点:透明性,布尔透明型,或全透明,或全不透明,没有半透明(alpha透明)。动画无损性:意味着对gif图片进行任何操作不会损失图像质量。水平扫描:是用LZW算法实现的压缩,压缩过程中,像素由上到下水平压缩,表明同等条件下,横向gif图片比竖向gif图片更小。如500*10的gif比10*500的要小间隔渐进显示:Gif支持可选择性的间隔渐进显示。以上特点看出,只有256色的gif不适合照片,但适合颜色不多的如图标,漫画等,并不是最优选择,而png则是最优选择。Jpeg格式特点损耗性:除一些简单旋转(仅指90、180、270度),裁切外,其他操作都对jpeg图像的质量产生损失。通常编辑过程用png作为中间格式。隔行渐进显示:支持隔行渐进显示(ie浏览器不支持该属性,但会在图像信息全部到达的显示)。可以看出jpeg最适合传输摄影图片和数字照相机。Png格式特点包括许多子类,大致分为256色png和全色png,可以用256色png替代gif,用全色png替代jpeg。PNG8(256色PNG),PNG24或PNG32(24位色或32位色)透明性:支持alpha透明(256级透明度),尽管ie6(下面详细讨论)动画:不支持动画PNG32附带了全alpha通道。即每个像素不仅存储24位真彩信息,还存储了8位alpha通道信息。Photoshop在“存储为WEB格式”中只提供PNG8和PNG24两种PNG格式。勾选“支持透明”选项,获得带有透明度的PNG图片,就自动按PNG32格式保存,Photoshop只是隐藏了PNG32这个名称而已。有意思吧?……Png8的在ie中的怪异显示:png8在ie6以下浏览器显示为全透明。Alpha透明的PNG(png32)在ie6中能显示背景颜色(通常是灰色)。总结:(1)全透明的png8可以显示在任意浏览器中(同gif)。半透明png8除在ie6以下浏览器下错误显示为全透明,都能显示出半透明色。这个bug并不需要特殊对待,因为在不支持半透明的浏览器下只是显示为全透明,对用户体验影响不大,它反而是透明gif的加强版。(2)第二个bug没有什么好的解决方法,只能用影响性能代码AlphaImageLoader与加特殊标签(VML)。因此结论就是:用PNG8。Png8问题:(1)Photoshop只能导出布尔透明的PNG8。(2)Fireworks既能导出布尔透明的PNG8,也能导出alpha透明的PNG8。

1 / 3
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功