Dreamweaver+jQuery移动网页设计从新手到高手
上QQ阅读APP看书,第一时间看更新

3.1 网页中常用的图像格式

网页中可以插入的图像格式通常有3种,即GIF、JPEG和PNG。目前GIF和JPEG文件格式的支持情况最好,大多数浏览器都可以查看它们。由于PNG文件具有较大的灵活性,并且文件较小,所以它对于几乎任何类型的网页图像都是适合的。但是Microsoft Internet Explorer和Netscape Navigator只能部分支持PNG图像的显示,所以建议使用GIF或JPEG格式文件,以满足更多人的需求。

3.1.1 GIF格式

GIF是英文单词Graphic Interchange Format的缩写,即图像交换格式,文件最多可以使用256种颜色,最适合显示色调不连续或具有大面积单一颜色的图像,例如导航条、按钮、图标、徽标或其他具有统一色彩和色调的图像。

GIF格式的最大优点就是可以制作动态图像,可以将数张静态文件作为动画帧串联起来,转换成一个动画片段。

GIF格式的另一优点就是可以将图像以交错的方式在网页中呈现。所谓“交错显示”,就是当图像尚未下载完成时,浏览器会先已马赛克的形式将图像显示出来,让浏览者可以大致看出下载图像的内容。

3.1.2 JPEG格式

JPEG是英文单词Joint Photographic Experts Group(联合图像专家组)的缩写,专门用来处理照片图像。JPEG的图像为每个像素提供了24位可用的颜色信息,从而提供了上百万种颜色。为了使JPEG文件便于应用,需要通过删除那些运算法则认为是多余的信息来压缩文件。JPEG格式通常被归类为有损压缩,图像的压缩是以降低图像的质量为代价的。

3.1.3 PNG格式

PNG是英文单词Portable Network Graphic的缩写,即便携网络图像,文件格式是一种替代GIF格式的无专利权限制的格式,它包括对索引色、灰度、真彩色图像以及alpha通道透明的支持。PNG是Macromedia Fireworks固有的文件格式,可保留所有原始图层、矢量、颜色和效果信息,并且在任何时候所有元素都可以被重新编辑,但是文件必须具有.png文件扩展名才能被Dreamweaver识别为PNG文件。