前端，图片格式该如何选！

针对bruce给研发部培训的图片的合理利用，汇总后做此详细总结及延伸。

做前端做多了，人都会为使图片K值越小越好想尽各种手段将其完善。

或许大多数人都知道图片有jpg、gif、png、bmp等格式，但并非所有人都知道他们的区别和使用技巧。

但对于一个合理的网页来说，选择合适的图片格式还是比较重要。

首先JPG格式，它属于一种压缩图片，是一种大小与质量平衡的压缩图片格式，讲的宽泛一点便是：低的压缩比(高的图片质量)文件的大小便是大的；高的压缩比（低的图片质量）文件大小便是低的。

jpg一般的用途是用在允许轻微失真的像素色彩丰富的图片中，它不适用于做简单色彩（色调少）的图片中。

而gif格式的图片，它的出现主要是为在线应用程序而特别开发的图片格式，它是一种无损8位图片格式，所谓的无损8位是指一个8位图像仅最多只能支持256中不同颜色，多于256种颜色再用gif格式保存便会失真。

gif的用途，它不适用于色彩太过丰富的照片存储，但比较适合用在logo、icon图标、一些小布局的边框图片、不超过256种色彩的简单小型图片，由于gif是一种透明背景的图片，所以被放置在网页中可以看到页面上其它图片背景。这个对于页面的呈现非常有用。gif还有个特别的功能便是隔

行扫描，这个特性可以加快页面加载的速度，对于网速比较慢的浏览者就比较实用了。它还有个动画的功能，在网页中合理的利用动画可以增加页面的动态效果。

Png图片也是一种支持透明的背景图片，是一种无损压缩格式的图片，但它与gif不同的是，它同时支持8位和24位图像，除了跟gif压缩算法不同，，其它都极其相似。

8位的png跟gif用途是基本相同的，24位png支持160万种不同的像素颜色且支持透明效果，这也说明，不管透明度设置为多少，它都能与背景很好的融合。

相对于目前的浏览器都能够很好的支持透明图片，但是透明图片在ie6中却是一种让人头疼的图片，由于ie6不支持透明格式，所以背景默认会是浅蓝色底，必须要通过一些手段才能使其正常显示。