web网页制作中常用到的图片格式及jpg,png,gif各自格式的特点

网页制作中图片格式

常用三种格式（jpg，png，gif）

1jpg图片

是我们最常见的。

jpg：可压缩的，有损图片质量的格式。虽然可压缩，它的色彩还是比较丰富。

特点：文件小、色彩丰富。

在网页中常用。

劣势：不能保存透明背景图片。

用途：插入图，大篇幅的整个的背景图。本身不要求太清晰，文件加载够快。

 IE6图片边框

 如果在img标签外面套了一个a标签，在IE6里会给图片加一个边框。我们需要清除这个边框。

1 img{ 2     border:none; 3 }

2 png图片

png：不可压缩的，可以保存图层。

质量比较大，真正使用的时候保存的是png32格式。

png特点：支持透明和半透明。

用途：精灵图、背景图。

问题：IE6不支持它的透明和半透明。

高级浏览器支持透明和半透明。

解决办法：引入一段js语句（用到的时候直接引用，不需要记）

1 <!--[if IE 6]> 2  <script type="text/javascript" src="js/png.js"></script> 3  <script type="text/javascript"> 4  DD_belatedPNG.fix("div,ul,img,li,input,span,b,h1,h2,h3,h4"); 5  </script> 6 <![endif]-->

 

3 gif图片

gif：本身跟压缩无关，颜色色值较少，256种、128种、2种。

特点：可以保存透明，不支持半透明。可以保存动图。

在IE6里，透明效果没有兼容性问题。

用途：背景透明，动图。