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

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/news/194141.html

成都网站建设公司_创新互联,为您提供网站策划云服务器微信公众号面包屑导航外贸网站建设建站公司

广告

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

微信小程序开发