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]>
html网页格式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⾥,透明效果没有兼容性问题。⽤途:背景透明,动图。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论