网络图形格式简介

近来做东西遇到了困难，图像的格式，优化等，不想把图像做成swf，比较郁闷，还在做实验。 下面是网上的一篇常用格式简介的文章，但并没有涉及到内部的一些技术。[@more@]我们知道不同的制图工具支持不同的图形格式，比如PHOTOSHOP默认的是PSD格式，CORELDRAW默认的是CDR格式，ILLUSTRATOR默认的是夭量的AI格式，FIRWORKS中默认是它专有的PNG格式。还有我们常见的BMP格式等等。 但适合在网上传播的主要有三种：GIF JPG PNG。下面分别介绍下它们的异同。（本部分内容收集整理自网上） 一。GIF： GIF(Graphic Interchange Format图形互换格式)是为跨平台消费市场开发的，当时消费者还没有机会使用“高档”的图形卡，大多数计算机的图形颜色比256色还少，所以256色被作为可显示的最高数目。GIF也是Internet上使用最早、应用最广泛的图像格式。这种格式是由CompuServe公司设计的，分为87a及89a两种版本，存储格式由1位到8位。GIF使用的是无损压缩的方法，准确地说，GIF减少了图像调色板中的色彩数量，从而在存储时达到减小图像文件大小 的目的。它的特点主要是： 1、由于8位存储格式的限制，使其不能存储超过256色的图像。但256种颜色已经较能满足Internet上的主页图形需要。特别是由点线或色块组合而成的色彩较少的图形。磁盘空间占用较少。 2、支持透明颜色效果：这点很重要，为了让图形适合不同的背景或其它原因往往要求图片的背景透明。可以在制作图片时让其背景透明，输出时选透明选项。 3、GIF89a格式支持动画效果：这是其它两种格式无法做到的。现在只有SWF的动画可能与之抗衡。（关于SWF不在此文议论之例） 4、支持交错效果 ：交错即图像下载时从模糊逐渐到清晰的过程。GIF允许图像进行交错处理，此时不再严格地从上到下、一行像素一行像素地显示，而且每隔八行处理一次，然后再填补其间的空隙直到清晰为止。下载过程好比是一幅粗线条的素描变成色彩分明的图像，交错后的GIF文件容量并不变化。这种效果处理主要用于处理一些尺寸比较大的图像。 二。JPG 由Joint Photographic Experts Group提出并因此而得名，全称是联合图象专家组文件交换格式。是在Internet上被广泛支持的图像格式。它的特点： 1、压缩算法是有损压缩，会造成图像画面失真。 由于人类眼睛并不能看出存储在一个全图像文件中的全部信息，可以去掉图像中的某些细节，并对图像中某些相同的色彩进行压缩。JPG是一种以损失质量为代价的压缩方式，压缩比越高，图像质量损失越大。但其压缩技术十分先进，对图像质量影响不大，因此可以用最少的磁盘空间得到较好的图像质量。 2、JPG支持16M色彩也就是通常所说的24位颜色或真彩色，使图象保持真彩。其典型的压缩比为4:1 。适用于一些色彩比较丰富的照片以及24位图像。 3、不支持任何透明方式。 两者在使用选择时，注意以下问题： 1、GIF和JPEG虽然能使图像文件变小，但是对图像的质量均有一定的影响，因此我们在处理图像GIF和JPEG格式之前最好先把图像原件备份。同时JPEG是一种积累压缩的方法，所以我们应尽可能地从原图一次压缩，而不要对已经压缩过的图像再进行压缩。 　　 2、在GIF和JPEG之间进行选择时，要记住你的目标是在质量可以接受的情况下使图像的容量变为最小，通常是单调的颜色表示你能够大幅度减少颜色的数目，也就是说可以考虑使用GIF压缩。一条用黑与白绘制的线，最适合使用GIF，因为总的颜色数目可以减少。用JPEG处理照片（包括绘画的照片）比较合适，因为它们的阴影与色彩中包含有许多缓和的变化。高对比的“艺术”照片则例外，因为他们里面有单调区域，所以适合用GIF处理。 三.PNG格式简介： PNG 全称：为“Portable Network Graphics （移植的网络图象文件格式 ）”。 优点： 1) 压缩比率高，并且是无损压缩，适合在网络中传播； 2) 具有8位、24位和32位三中色彩深度； 3) 支持Alpha通道透明（ 32位）和色彩索引透明（ 8位）； 缺点： 1) 没有动画功能； 2)浏览器支持不理想，只有最新的主流浏览器才支持；目前最新的版本是于1996年10月W3C组织制定的。 适用于色彩丰富复杂，图象画面要求高的情况，比如作品展示等。PNG是一种新兴的网络图形格式，结合了GIF和JPEG的优点，具有存贮形式丰富的特点。PNG最大色深为48bit，采用无损压缩方案存储。著名的Macromedia公司的Fireworks的默认格式就是PNG 下面来具体说说： 图像压缩方面 ： 在图像处理中,位图图像的压缩分为无损压缩和有损压缩两大类.前者的代表有GIF和TIFF,后者以JPEG为代表.PNG属于无损压缩一类,因而,最后保存下来的图像,其大小会因为压缩而减小,但图像的质量却不会因为压缩而缺损.这与用牺牲一定图像质量为代价来减小文件大小的JPEG有损压缩方式有根本的区别. 这里顺带提议下,最新的JPEG 2000格式也提供的无损压缩模式,但我们做了比较后看到,尽管在一些照片的压缩上,JPEG 2000生成的图像比PNG小10%左右,但对于一些艺术处理过的图像,JPEG 2000生成的图像大小是PNG的三倍多. 色彩丰富程度： 不同于GIF受到最大256色调色板的限制无法得到丰富的色彩和JPEG受到灰阶,真彩色的限制,PNG支持上述的所有色彩类型,更可以提供64位/像素的高品质图像形式.所以,在色彩选择上有更大的适用性. 制作透明图像： PNG支持alpha透明属性.这使得PNG不同于GIF的对于某一色彩或者不透明或者全透明,不能够自由选择透明的色彩区域,它能提供创作者指定透明色和透明区域的选择性透明.而另一个网络图像格式JPEG则无法实现图像的透明. 平台适用性： 目前的电脑使用的平台大部分为PC和MAC.而这两个平台在色彩显示上是有区别的,因而,图像很容易在平台间形成差别----例如,在PC上显得太暗而在MAC上显得太亮.PNG允许了计算机自动使用gamma色彩修正来修正图像的显示,这样在不同的平台,可以根据应用程序的需要显示出适合的图像,这为跨平台的网页图像提供了较好的解决方案. 远程协作： PNG保留了图像的层属性,因而可以很方便的进行网络远程协作维护.相比较GIF,JPEG,两者对以发布的图像二次修改和远程修改非常困难,例如修改要修改其中的文字,必须找到图像源文件.而使用PNG,只要用编辑器打开当前的图像后,就可以很方便的进行修改了 . 应用----关于网络应用 在当前的网络环境中使用PNG图像是否安全?也就是用户会不会因为浏览器的型号和版本问题而看不见图像,只能看见令人讨厌的错误图像图标?答案是----只要用户使用的不是老掉牙的IE 3.0版本以前的浏览器(或同性质其他浏览器),那么他都可以看见PNG图像.而目前的浏览器普遍已经在IE 4.0(或同性质其他浏览器)以上,所以,除非是特别苛刻的人,否则,完全可以放心的使用PNG图像. 这也意味着,现在的网页设计者完全可以综合的使用PNG,GIF和JPEG,充分的发挥每种图像的优势来创作自己的页面. 关于浏览器,我们还需要做一些不太重要的补充说明. 尽管前面已经介绍了PNG的很多好处,可是,一些浏览器(特别是非主流型)在关于PNG的一些高级应用支持上仍然有一定的不足.例如,指定alpha透明色在某些浏览器上都被忽略为与GIF的透明所等同,所以在一些浏览器上我们仍然只能看见对某一色彩的全透明,而不是PNG的指定alpha透明色.这不能不说是遗憾. 使用IE 5.0和Navigator 5.0等高版本的浏览器则完全没有这方面的顾虑. 未来----二重性的未来 说到PNG的未来,是一个充满希望而又沉重的话题.我们都知道网络图像中(不包括swf)GIF除了制作静态图像以外还可以制作动态图像,这是目前位图里唯一能实现此功能的格式.而对于PNG,现在虽然还做不到这点,但目前已经有相关的开发针对这方面的功能,这就是新的标准----MNG(Multiple-image network graphics)多重影像网络图像格式.因而这是一个充满希望的发展方向. 另一方面,我们又很沉重的看到,今天的网络图像都面临了目前已经形成工业标准,并具有初步开发和应用的SVG格式的挑战.相对于采用矢量格式和XML语言架构的未来网络图像标准格式----SVG而言,PNG和GIF,JPEG作为位图图像,都受到了自身的某些限制. 总之，三种格式各有所长。为了给你的页面减肥，你要学习参数的选择和图形格式的正确选择。

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/7110/viewspace-878448/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/7110/viewspace-878448/