网页设计中的图形（图像）文件格式

2022-08-30 分类：网站建设

前面的章节中曾经简略介绍了图形／图像的格式，此节进行详细的介绍。图形／图像是以文件的形式存储在计算机上的，这些文件有各种各样的格式。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格式。

当前文章：网页设计中的图形（图像）文件格式
标题链接：https://www.cdcxhl.com/news41/194141.html

成都网站建设公司_创新互联，为您提供面包屑导航、网站排名、外贸网站建设、云服务器、App开发、建站公司

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容