网站中图片的格式jpg-gif-png的选择

今天遇到一个问题ie6下图片出现阴影:主要涉及到各种图片格式的选择问题

 

现在的图片主要有三种形式：

第一：jpg胜在有损压缩，高压缩比=图片低质量=占用磁盘内存小，所以用在大图，例如网站大背景（icity365/uc,taobao上商品效果图等），主要是图片占内存小，对比高质量的图片请求速度要快。

第二：gif胜在支持动画，支持各种背景色，例如ie6下不支持png透明，会有阴影，所以一般使用两套，_background-image:url(.gif)，可以选择与网站同背影色即可。

第三：png胜在无损压缩，图片质量较高，适用于logo、icons等，支持透明。

 

gif--ps选择背影色

png--ps选择透明