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

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>

minip2p3 <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⾥，透明效果没有兼容性问题。⽤途：背景透明，动图。

本文发布于:2024-09-22 09:47:32，感谢您对本站的认可！

标签：透明保存背景图

留言与评论（共有 0 条评论）