- 1、本文档共3页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
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的区别
/s/blog_9050e71e0100yvtf.html
一个图需要透明,所以存为了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:red url logo.png no-repeat center;加了红色后,别的浏览器正常识别,但ie6依旧不识别。
解决办法是在外面套标签,或在body加背景色。
(background-color:red;)
PNG 8 / 24 / 32 Alpha 之间的区别
更新:2013-06-26 15:48 PNG 是一种常见图像文件格式。该格式不仅能与GIF一样制作成动画(APNG),还可以存储透明关系 Alpha。 但PNG分为PNG8 PNG24和PNG32。
一 PNG8 索引色透明 ,
PNG8 只能用 256色,可以设透明。但有两种方式:
索引色透明:只能简单指定某像素是否透明。
Alpha透明:可指定像素透明度,如22%透明度。
二 PNG24
PNG24不支持透明度,但颜色高达1678万种。
注:Photoshop导出的PNG24支持透明。是因为其实是PNG32。
三 PNG32
不仅颜色与PNG相同,且支持alpha透明度。
注:IE6对PNG32的兼容性不好
网站设计中png 8 png24 png32 区别与联系
作者:谭小姐 文章来源:网站制作设计部 点击数:1612 更新时间:2009-9-14
Gif特点:
透明性,布尔透明型,或全透明,或全不透明,没有半透明(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透
您可能关注的文档
- Inmarsat-F和Inmarsat-C船站的维护和检测.doc
- ISO9001-2015正式版-.doc
- InSb制备工艺的研究.docx
- IPRAN介绍及关键技术原理学习笔记.docx
- JAVA样题附答案.doc
- JAVA中TomCatJSP版本控制笔记.docx
- Java编程常用单词.docx
- Jade定性分析的步骤.doc
- ISS土壤固化剂在道路基层中的应用.doc
- JAWoollam椭偏仪简介.docx
- 基于人工智能教育平台的移动应用开发,探讨跨平台兼容性影响因素及优化策略教学研究课题报告.docx
- 高中生物实验:城市热岛效应对城市生态系统服务功能的影响机制教学研究课题报告.docx
- 信息技术行业信息安全法律法规研究及政策建议教学研究课题报告.docx
- 人工智能视角下区域教育评价改革:利益相关者互动与政策支持研究教学研究课题报告.docx
- 6 《垃圾填埋场渗滤液处理与土地资源化利用研究》教学研究课题报告.docx
- 小学音乐与美术教师跨学科协作模式构建:人工智能技术助力教学创新教学研究课题报告.docx
- 《航空航天3D打印技术对航空器装配工艺的创新与效率提升》教学研究课题报告.docx
- 教育扶贫精准化策略研究:人工智能技术在区域教育中的应用与创新教学研究课题报告.docx
- 《区块链技术在电子政务电子档案管理中的数据完整性保障与优化》教学研究课题报告.docx
- 《中医护理情志疗法对癌症患者心理状态和生活质量提升的长期追踪研究》教学研究课题报告.docx
文档评论(0)