网页设计中GIF图片和JPG图片各有什么优缺点?

某种程度上,判断一个网页设计师是否优秀,可以从他在网页开发(或者网页设计)中是否合理采用各种图片格式得出结论。

1.JPEG?

JPEG格式是一种在大小和质量之间取得平衡的压缩图片格式。一般来说就是:高压缩比=低画质=文件小。反之,低压缩比=高画质=大文件。JPEG文件不被视为无损图像格式,因为它不能保留原始图像的100%的像素数据。

使用:

由于这种极其敏感的平衡特性,JPEG非常适合应用于那些允许轻微失真的像素颜色丰富的图片(照片)。相反,JPEG格式的图片不适合简单颜色(色调较少)的图片,比如LOGO、图标等。

2.GIF格式

GIF格式是一种专门开发的图片格式,使图片能够应用于在线应用程序。Gif有时也称为“Giff”,是一种无损的8位图片格式。“无损”是指保留原图片100%的像素数据信息。专业术语“8位”指的是可以表现的颜色深度——一张8位的图像最多只能支持256种不同的颜色(超过256种颜色的图像如果用gif图像保存会失真)。

使用:

由于8位色深的限制,Gif并不适合各种颜色太多的照片存储场合。但它非常适合以下场合:

*徽标

*小图标(Icon)

*用于布局的图片(如布局角、边框等。)

*不超过256色的简单小图片。

透明特征:

GIF支持基本透明,也就是说你可以让一张图片的某些像素“不可见”。当它被放在网页中时,我们可以通过这些看不见的区域看到这张图片背后的背景色(图片)。这个特性非常有用:如果你需要把一张gif图片的内容放在所有图片的上面,你可以把它做成透明的。

压缩特性:

GIF格式是用LZW算法压缩的,这是Unisys申请的专利。很久以前,如果你想使用GIF格式,这意味着你必须向Unisys支付费用来申请专利许可。不过还好,这项专利技术在2003年6月20日到期,现在我们可以免费使用GIF了!

隔行扫描:

GIF也支持隔行扫描。隔行扫描可以加快图片在浏览器中的加载和显示速度。这个功能对于网速慢的人特别实用。

动画GIF:

动态GIF文件是由几帧图片连接而成的动态图片。在显示时,这些动态帧被反复绘制和读出,从而形成简单的动画效果。合理使用GIF动画可以给网页添加动态和静态效果,过度使用则会使网页变得凌乱。