网页设计中的图形(图像)文件格式

     关注 63 | 粉丝 167 2018-07-11 2130
核心提示: 前面的章节中曾经简略介绍了图形/图像的格式,此节进行详细的介绍。图形/图像是以文件的形式存储在计算机上的,这些文件有各
  前面的章节中曾经简略介绍了图形/图像的格式,此节进行详细的介绍。图形/图像是以文件的形式存储在计算机上的,这些文件有各种各样的格式。Web通常使用两种图形图像格式-GIF和JPEG;还有两种格式-PNG和MNG格式应用的相对少一些。
  
  1、GIF格式
  
  GIF,全称图形交换格式,GraphicalInterchangeFormat的缩写,是由CompuServe公司开发的图形图像格式,主要用于互联网上的图形/图像交流。GIF图形图像格式是一种无损压缩的图形图像格式,对于颜色画面简单的图形/图像,有非常高的压缩率。
  
  使用该格式减少图形图像文件尺寸时,不会丢失原始图形图像的任何信息。而且,这种压缩算法比较简单,解压缩的速度很快,很适合在网页上显示。因此,GIF格式在网页中得到了广泛的应用。
  
  GIF的优点还有:支持透明(Transparency)和交错(lnterlaced)模式,支持GIF89a~J画格式等。
  
  透明模式,是一种图形/图像的透明部分能够透出背景色的模式,这种模式可以去掉图形图像比较生硬的矩形边框,使图形/图像更好地融合到网页页面中。
  
  交错模式,是指将图形/图像装载到浏览器窗口的显示方式。一个普通的图形/图像是从上到下逐行显示的,在显示完毕之前,浏览者无法了解图形/图像的全貌。而设置了交错模式的GIF图形/图像则是隔行显示的,使浏览者不必等待图形/图像全部传输完,就可以看到图形/图像的大致轮廓。
  
  对于简单的Web动画来说,GIF89a动画是最容易掌握的技术。GIF89a动画包含一系列的帧,每一帧就是一幅图形图像。此外,还包含一些播放动画的参数,如延迟时间、循环顺序等。浏览器从动画文件中读取各帧图形图像,然后根据播放参数在浏览器窗口循环显示,形成动画效果。GIF89a动画的使用大大增加了页面的趣味性。
  
  GIF格式的缺点是,最多只能使用256种颜色,这使它不能用于存储高质量的图形/图像文件。
  
  2、JPEG格式
  
  JPEG,是联合图形/图像专家小组JointPhotographicExpertGroup的缩写。JPEG格式的图形/图像采用了一种失真的压缩算法,这种压缩丢失了部分图形/图像信息,同时也获得了较高的压缩比。因此,压缩比例越大,图形图像质量越差。这种算法的优点是,由于它考虑了人的视觉特性,因此只要图形/图像的压缩比例适合,一般不会使人感到压缩前后的差异。
  
  JPEG支持24bit真彩.适用于具有丰富细节的高质量图形图像。与GIF格式相比,它也有类似于交错显示的渐进式显示,但不支持透明颜色。另外,JPEG的压缩算法比较复杂,因此,图形图像解压缩显示的时间也相应较长。
  
  3、PIN格式
  
  PNG,英文全称PortableNetworkGraphics,是可携式网络图形图像的缩写。这个格式的图形图像已经得到IE和NETSCAPE两大浏览器的支持,目前在许多欧美网站已经开始采用PNG图形图像。
  
  这种格式的图形图像兼有GIF和JPEG的色彩模式。PNG不仅能储存256色以下的“IndexColor”图形图像,还能储存24位真彩图形图像,甚至能最高可储存至48位超强色彩的图形图像。如果图形图像是以文字、形状及线条为主,PNG会用类似GIF的压缩方法来获得较好的压缩率,而且不破坏原始图形图像的任何细节。而对于照片类图形图像的压缩,PNG则采用类似JPEG的压缩算法,不同的是图形图像压缩后能保持与压缩前图形图像质量一样,没有一点失真。另外,PNG也采取了类似于GIF格式的交错显示模式,使图形图像得以渐里在屏幕上。
  
  PNG的优势还体现在对透明图形图像的处理上。JPEG格式无法实现图形图像透明;而采用GIF格武透明图形图像则略显刻板,因为GIF透明图形图像只有1与0的透明信息,只有透明或不透明两种选择,缺少层次。
  
  PNG则提供了“Q”频段0至255的透明信息,可以使图形图像的透明区域出现深度不同的层次。而且,PNG图形图像可以让图形图像完美的覆盖在任何背景上,改善了GIF透明图形图像描边不佳的问题。
  
  对GIF图形图像而言,系统不同画面显示的效果也不一样,PNG则避免了这一缺点。在Macintosh上制作IYJPNG图形图像,放在Windows上显示时图形图像不会失真;反之亦然。文字资料(如作者、出处)、储存蒙板(MASK)、伽玛值、色彩校正码等信息,均可掺杂在PNG图形图像中一起传输。
  
  制约PNG图形图像不能更广泛应用的主要因素是,它无法制作出动画效果。PNG图形图像格式开发人员已经意识到这一点,基于PNG图形图像开发出了新的图形图像格式,即PNG的动画实现格式-MNG。
  
  4、MNG格式
  
  MNG,英文全称Multiple-ImageNetworkGraphics,是多重影像网络图形图像的缩写,是对PNG图形图像格式的完善。PaintShopPro等绘图软件的最新版本已开始支持MNG,相信不久的将来MNG同样也能获得浏览器的支持。如图3-71和图3-72所示。
  
  与GIF89a动画相比,MNG有以下优点:
  
  ·MNG采用以对象为基础的动画。动画采用对象的移动、复制、粘贴来实现,从而减少了动画文件的天于。
  
  ·MNG对于复杂的动画采用了嵌套循环方式。
  
  ·MNG使用了比GIF更优化的压缩方式:
  
  ·MNG能够集合以PNG和JPEG为基础的图形图像。
  
  ·lvfNG支持透明的JPEG格式。
 
反对 0举报 0 收藏 0 打赏 0评论 0
 
更多>同类案例
推荐图文
推荐案例
点击排行