您的位置: 首页 > 技术文档 > 图形图像 > 5种Web图像格式简述
回到列表 用Photoshop制作仿真的印章
用户名:
密 码: 忘记密码
注册会员 游览论坛 论坛帮助
 5种Web图像格式简述

作者:Soking 时间: 2007-04-24 文档类型:原创 来自:蓝色理想
浏览统计 total:6303 | year:6303 | Quarter:6303 | Month:6303 | Week:6303 | today:819

BMP 图像文件
GIF 图像文件
JPEG 图像文件

SVG 图像格式

PNG,是一种可携式网络图像格式。

PNG一开始便结合GIF及JPG两家之长,打算一举取代这两种格式。1996年10月1日由PNG向国际网络联盟提出并得到推荐认可标准,并且大部分绘图软件和浏览器开始支持PNG图像浏览,从此PNG图像格式生机焕发。

IE浏览器从4.0版本开始支持png图像浏览。

特点1:兼有gif和jpg的色彩模式。

我们知道gif格式图像采用了256色以下的index color色彩模式,jpg采用的是24位真彩模式。png不仅能储存256色以下的index color图像,还能储存24位真彩图像,甚至能最高可储存至48位超强色彩图像。

特点2:png能把图像文件压缩到极限以利于网络传输,但又能保留所有与图像品质有关的信息。

如果你的图像是以文字、形状及线条为主,png会用类似gif的压缩方法来得到较好的压缩率,而且不破坏原始图像的任何细节。据国际网络联盟测算,八位的png图像比同位的gif图像就小10%到30%。

而对于相片品质一类的压缩,png则采用类似jpg的压缩演算法。但是jpg压缩程度越大、影像的品质越差。因为它的压缩是采用的是破坏性压缩法、每次压缩的同时便多多少少漏掉一些像素。 png不同于jpg的地方在于:它处理相片类图像亦是采用非破坏性压缩,图像压缩后能保持与压缩前图像质量一样,没有一点失真。

特点3:更优化的传输显示

熟悉gif格式的图像处理者知道,gif图像有两种模式——normal(普通)模式和interlaced(交错)模式。interlaced模式更适用于网络传输。在传送图像过程中,浏览者先看到图像一个大略的轮廓然后再慢慢清晰。png也采取了interlaced模式,使图像得以水平及垂直方式显像在萤幕上,加快了下载的速度。

特点4:支持图像透明显示

gif格式虽然也支持透明显示,采用gif格式透明图像过于刻板,因为gif透明图像只有1与0的透明信息、只有透明或不透明两种选择,没有层次;而png提供了α频段0至255的透明信息,可以使图像的透明区域出现深度不同的层次。

png图像就可以让图像覆盖在任何背景上都看不到接缝,改善gif透明图像描边不佳的问题。

特点5:兼容性较好

gif图像在不同系统上所显示的画面也会跟着不一样,但png却可以让你在Macintosh上制作的图像与在Windows上所显示的图像完全相同,反之亦然。
png被设计成可以通过网络传送到任何机种及作业系统上读取。

文字资料(如作者、出处)、储存遮罩(MASK)、伽玛值、色彩校正码等信息均可参杂在 png图像中一起传输。

几个发现

  1. 不透明和索引色透明的图片, png8比gif更加具有优势。
  2. Alpha透明的图片,png8比gif显示效果好,但文件更大。
  3. png24没有透明效果:包括索引色透明和Alpha透明。
  4. 不同的浏览器,显示效果不一样。
    Firefox:支持png8的索引色透明度, png8 和png32的alpha透明度。
    IE:支持png8的索引色透明度,但不支持png8和png32的alpha透明度。(网上有解决方法,Js,css滤镜)
  5. 网页中使用的照片类图片,jpg文件比png24要小很多。
  6. 不排除特殊情况

出处:蓝色理想
责任编辑:moby

上一页 JPEG 图像文件 下一页 SVG 图像格式

◎进入论坛PhotoshopFireworks版块参加讨论

热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
CrossOver 参展作品选
那时,绿意盎然
5种Web图像格式简述
客户端模版的应用
用Photoshop制作仿真的印章
浅谈flash web的结构
z-index在IE中的迷惑
2007Adobe数字艺术大赛
清代御窑厂制瓷工艺流程
A*寻路,二叉堆优化及AS3实现
栏目最新 栏目最新列表
5种Web图像格式简述
客户端模版的应用
用Photoshop制作仿真的印章
浅谈flash web的结构
z-index在IE中的迷惑
A*寻路,二叉堆优化及AS3实现
教你用FW合成图片做宣传单
Fireworks 制作飘逸白云
Fireworks 制作纸张卷边效果
Fireworks 制作地球旋转动画
>> 分页 首页 前页 后页 尾页 页次:4/51个记录/页 转到 页 共5个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

本文现有 2 条评论 暂时没有人参于评分


jerrymj Publish at 2007-4-26 13:46:57
期待了很久的一篇文章,支持!
csz83 Publish at 2007-4-25 13:52:50
感觉很多地方都说的不对!
您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
Don't Make Me Think 第2版
HTM与CSS入门经典(第7版)
《FLASH MX2004网站开发精粹》
《CSS入门经典》
《网页配色密码》
《设计师谈网页设计思维》
《Photoshop实用技能案例详解》