GIF、JPG、PNG 比较

来源:互联网 发布:维多利亚女王子女知乎 编辑:程序博客网 时间:2024/05/09 07:46
尽管最初的网页中并没有图片,但现在图片已经成为绝大多数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两种格式,才能制作出精美的网页图片。

原创粉丝点击