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

网页制作中图片格式

常用三种格式(jpgpnggif)

1jpg图片

是我们最常见的。

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

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

在网页中常用。

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

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

 IE6图片边框

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

img{

    border:none;

} 

2 png图片

png:不可压缩的,可以保存图层。

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

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

用途:精灵图、背景图。

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

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

解决办法:引入一段js语句(用到的时候直接引用,不需要记)

 

3 gif图片

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

特点:可以保存透明,不支持半透明。可以保存动图。

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

用途:背景透明,动图。

你可能感兴趣的:(web网页制作中常用到的图片格式及jpg,png,gif各自格式的特点)