用户名: 密码: 免费注册 忘记密码? 网站地图 | 加入收藏 | 设为首页
首页 | 新闻 | 工具 | 系统 | 办公 | 聊天 | 多媒体 | 网页 | 运营 | 平面 | 欣赏 | 数据库 | 程序 | 服务器 | 组网
网页 | 3dmax | Ghost | Windows Xp| Dreamweaver | photoshop | Flash | office | Alexa | Css | QQ | Asp | PHP | Jsp | Access
Flash MX 2004入门 | 网站推广策略 | CorelDRAW入门 | ASP学习 | 网站建设大师功 | Word入门
  iTbulo.com > 学院 > 网站运营教程 > 网站相关知识 > 正文
5种Web图像格式简述 文字说明版
iTbulo.COM 2007-4-25 蓝色理想()

第三:JPEG图像文件

JPEG是由联合照片专家组开发的。

JPEG文件的扩展名为.jpg或.jpeg,其压缩技术十分先进,它用有损压缩方式去除冗余的图像和彩色数据,获取得极高的压缩率的同时能展现十分丰富生动的图像,换句话说,就是可以用最少的磁盘空间得到较好的图像质量。

JPEG 2000同样是由JPEG 组织负责制定的,与JPEG相比,它具备更高压缩率以及更多新功能的新一代静态影像压缩技术。

JPEG2000 作为JPEG的升级版,其压缩率比JPEG高约30%左右。与JPEG不同的是,JPEG2000 同时支持有损和无损压缩,而JPEG只能支持有损压缩。无损压缩对保存一些重要图片是十分有用的。

JPEG2000的一个极其重要的特征在于它能实现渐进传输,这一点与GIF的“渐显”有异曲同工之妙,即先传输图像的轮廓,然后逐步传输数据,不断提高图像质量,让图象由朦胧到清晰显示。

此外,JPEG2000还支持所谓的"感兴趣区域"特性,你可以任意指定影像上你感兴趣区域的压缩质量,还可以选择指定的部份先解压缩。

使用jpg图像的注意点:在图像质量和文件尺寸之间找到平衡点。

一般80%的压缩率是比较合适在网页中使用的。

第四:PNG图像文件

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滤镜)

1、网页中使用的照片类图片,jpg文件比png24要小很多。

2、不排除特殊情况

上一页  [1] [2] 

文章搜索
相关资讯
相关文章 相关下载
权衡安全和功能 编写安全的Web2.0应用
高手简论:说说标签切换
Photoshop网站设计:DesignStudio
Web 2.0,如何创造内容?
DIV+CSS学习之margin缩进法
焦点信息