web项目图片格式的选择

Web网页中最常用的图片格式有三种：GIF、JPEG和png。

GIF格式图片
GIF（Graphics Interchange Format）是图形交换格式。
图片文件名的后缀为“.gif”。
JPEG格式图片
JPEG（Joint Photographic Experts Group）
图片文件名的后缀为“.jpg”和“.jpeg”。
PNG格式图片
PNG（Portable Network Graphic）
图片文件的后缀为.png。

GIF格式的特点：
GIF用于压缩具有单调颜色和清晰细节的图像，如线状图、徽标或带有文字的插图等。
GIF分为静态和动态GIF两种。两种都支持透明背景的图像，方便网页应用。
GIF可以制作简单的动画。动画是在一个GIF文件中保存多幅彩色图像，并逐幅读出并显示到屏幕上形成的。
图片显示时具有隔行扫描特点，像百叶窗从模糊到清晰。
GIF格式的优点：
格式适用于多种操作系统，占用空间小。网上许多小动画都是GIF格式。
GIF格式能够在任何浏览器中正常显示，所以被广泛应用在网页设计中。
GIF缺陷：
只能使用256种色彩，所以，不能制作色彩丰富的图像。

JPEG格式的特点：
JPEG是一种有损压缩格式，可将图像压缩在很小的存储空间内。JPEG文件只有GIF文件的1/4大小。
JPEG的图像有一定的失真度，但是在正常的损失下肉眼分辨不出JPEG和GIF图像的差别。
JPEG格式的优点：
在获得极高压缩率的同时能展现十分丰富生动的图像。
获得所有浏览器的支持。
拥有计算机能提供的最多种颜色，比GIF格式显示更加复杂的图片内容。适合存放高质量的彩图和照片。
相同图片比GIF文件小，下载时间短，浏览速度快。
JPEG格式的缺陷：
没有GIF格式文件的透明背景支持效果，不方便制作动画。
在处理大面积的颜色块时，会出现明显的压缩痕迹，不利于页面的具体应用。

PNG格式的特点：
PNG格式是WEB图像中最通用的格式。它是一种无损压缩格式。
PNG格式最多可以支持32位颜色，图像效果好。
PNG格式的优点：
图像质量比gif更高，同等质量下体积更小。
支持全透明。
PNG格式的缺陷：
不支持动画。
如果没有插件支持，有的浏览器可能不支持这种格式。

网页设计时选择图像格式的建议：

色彩丰富的图片采用JPEG格式，如照片。
少量颜色的图片、带动画的小图、按钮、logo等选择GIF格式。
其余的尽量采用PNG的格式。PNG格式类似于GIF格式，不支持动画，但透明效果比GIF好，文件大小比GIF格式小。