前端合理使用图片的格式

JPEG：

          定义：是一种有损光栅图像格式，每次使用jpeg都会进行压缩保存，一些信息将发生不可逆转的丢失。

         用途：因为jpeg适用于亮度和色彩压缩，所以在图片，以及其他写实或者带阴影的图像上使用效果更好，一般jpg用在允许请为轻微失真的像素色彩丰富的图片中，他不适合用于做简单色彩的图片。

GIF：他是一种无损8位图片格式（无损8位图像仅最多只能支持256中不同颜色，多于256中颜色在用gif格式保存便会失真），gif不适用于色彩太过丰富的照片存储但比较适用在logo、icon图标、一些小布局的边框图片、不超过256种色彩的简单小型图片。由于gif是一种透明背景的图片，所以被放置在网页中可以看到页面上其它图片背景。这个对于页面的呈现非常有用。gif还有个特别的功能便是隔行扫描，这个特性可以加快页面加载的速度，对于网速比较慢的浏览者就比较实用了。它还有个动画的功能，在网页中合理的利用动画可以增加页面的动态效果。 

PNG：Png也是一种支持透明的背景图片，是一种无损压缩格式的图片，但它与gif不同的是，它同时支持8位和24位图像，除了跟gif压缩算法不同（更优），其它都极其相似。8位的png跟gif用途是基本相同的，只要不是需要用到动画尽量用png代替gif，8位比较适合图像颜色较少，并且主要是以纯色或者平滑的渐变色进行填充；24位png支持160万种不同的像素颜色且支持透明效果，这也说明，不管透明度设置为多少，它都能与背景很好的融合。这里需要注意的一个点——相对于目前的浏览器都能够很好的支持透明图片，但是透明图片在ie6中却是一种让人头疼的图片，由于ie6不支持透明格式，所以背景默认会是浅蓝色底，必须要通过一些手段才能使其正常显示。