图片格式“png.gif.jpg.”在网站建设中的 特征.区别.和应用

karry

尽管最初的网页中并没有图片，但现在图片已经成为绝大多数Web站点的重要组成部分。它们使页面变得生动活泼，可以说正是因为HTML规范支持了图片，才使得网页设计成为一种艺术行为。可是由于网络带宽的先天不足，我们不能在网页中使用大量的图片，即使是仅有的几张图片，我们也希望它们占的字节尽量的少，否则访问者将失去等待的耐心。于是，网页图片主要采用了三种格式：GIF、JPG、PNG。
　　图片文件中包含的信息和文件的存放方式是由图片格式决定的。目前网页中最常见的，也是图形浏览器最广泛接受的两种图片格式是GIF和JPG。PNG格式结合了GIF和JPG的长处，是未来的网页主流图片格式。这里虽然只介绍三种图片格式，但并不是说图形浏览器只支持这三种图片格式，只是其他格式并不是网页的主流格式，所以本文就不再介绍了。
　　
　　一、GIF　　GIF意为Graphics Interchange format（图形交换格式），GIF图片的扩展名是gif。现在所有的图形浏览器都支持GIF格式，而且有的图形浏览器只认识GIF格式。GIF是一种索引颜色格式，在颜色数很少的情况下，产生的文件极小，它的优点主要有：
　　一、GIF格式支持背景透明。GIF图片如果背景色设置为透明，它将与浏览器背景相结合，生成非矩形的图片。
　　二、GIF格式支持动画。在Flash动画出现之前，GIF动画可以说是网页中唯一的动画形式。GIF格式可以将单帧的图象组合起来，然后轮流播放每一帧而成为动画。虽然并不是所有的图形浏览器都支持GIF动画，但是最新的图形浏览器都已经支持GIF动画。
　　三、GIF格式支持图形渐进。渐进是指图片渐渐显示在屏幕上，渐进图片将比非渐进图片更快地出现在屏幕上，可以让访问者更快地知道图片的概貌。
　　四、GIF格式支持无损压缩。无损压缩是不损失图片细节而压缩图片的有效方法，由于GIF格式采用无损压缩，所以它更适合于线条、图标和图纸。
　　GIF格式的缺点同样相当明显。索引颜色是历史遗留的产物，在DOS下的老游戏几乎无一例外的采用索引颜色，这种格式本来早就应该淘汰了。但是由于带宽的限制，GIF从DOS时代红到了Internet时代。GIF这种索引颜色格式最大的缺点就是它只有256种颜色，这对于照片质量的图片是显然不够的。
　　二、JPG/JPEG　　JPEG代表Joint Photograhic Experts Group（联合图像专家组），这种格式经常写成JPG，JPG图片的扩展名为jpg。
　　JPG最主要的优点是能支持上百万种颜色，从而可以用来表现照片。此外，由于JPG图片使用更有效的有损压缩算法，从而使文件长度更小，下载时间更短。有损压缩会放弃图像中的某些细节，以减少文件长度。它的压缩比相当高，使用专门的JPG压缩工具其压缩比可达180：1，而且图像质量从浏览角度来讲质量受损不会太大，这样就大大方便了网络传输和磁盘交换文件。JPG较GIF更适合于照片，因为在照片中损失一些细节不像对艺术线条那么明显。另外，JPG对照片的压缩比例更大，而最后的质量也更好。
　　但是从长远来看，JPG随着带宽的不断提高和存储介质的发展，它也应该是一种被淘汰的图片格式，因为有损压缩对图像会产生不可恢复的损失。所以经过压缩的JPG的图片一般不适合打印，在备份重要图片时也最好不要使用JPG。还有，JPG也不如GIF图像那么灵活，它不支持图形渐进、背景透明，更不支持动画。

　　三、PNG　　PNG代表Portable Network Graphics（可移植网络图形），它的扩展名为png，Macromedia公司的Fireworks的默认存盘格式就是PNG。这种新的图片文件格式集合了GIF和JPG格式的优点，从目前来看，它必将在未来的Web网页中大显身手，成为Web中的主要图片格式。
　　PNG支持背景透明、图形渐进和动画，它是一种专门针对Web开发的无损压缩格式，压缩比例要大大超过LZW等传统的图片无损压缩算法。同时它也能适应几百万种颜色，即适合艺术线条，也适合照片。
　　PNG现在主要的问题是一些老版本的浏览器并不支持这种图片格式，到目前为止，只有Interner Explorer 4以上的浏览器支持，而且Netscape只有插件能支持PNG图片，但Netscape要想像GIF和JPG一样直接支持为时尚早。此外一些软件也不支持PNG，编辑PNG图片最好还是用Macromedia公司的Fireworks。

　　到底要选择哪种图片格式制作网页图片取决于要包括何种特性，下面用表格的方式列出三种格式的主要特性：

GIF、JPG和PNG的主要特性

                       特性      GIF  JPG  PNG
                    背景透明   是    否    是
                   图 形渐进   是    否    是
                    支持动画   是    否    是
                    无损压缩   是    否    是
             上百万种颜色   否    是    是
                适用于线条    是    否    是
                适用于照片    否    是    是
  被大多数浏览器支持    是    是    否

　　从上表中我们不难发现，PNG优势明显。但是，GIF和JPG两种格式虽说在理论上将会被PNG或更新的格式所取代，但由于网络带宽不会马上提高到一个相当高的程度，而且宽带更不会在很短的时间内就把大多数的拨号用户争取过来，新的网页图片格式也有一个被大多数浏览器接受的过程，所以就目前而言，网页图像更多的是指的GIF和JPG两种格式。我们在现阶段还是应该熟练运用GIF和JPG两种格式，才能制作出精美的网页图片。

cwf

受教了，真是不错地东西