创新易联欢迎您!16年高端网站建设品牌

网页技术大讲堂-透明图片边缘锯齿解决方案

日期:2014-08-26 | 来源:易联网站建设公司 | 阅读:
       深圳网站建设www.innont.com )作为市场资深品牌,8年来,立足广东,面向全国,已服务过3000多家具有顶级发展潜力的企业,并一直保持良好的合作伙伴关系,成为中国第一高端精品网站设计策划机构,网站建设第一品牌!
 
 

       网站不免要使用透明图片,一般都是用Png的,但是Png32位在IE6里不支持,必须做处理,而用png 8 或者 gif图片的时候,当我匀保存文字或者圆形等有圆滑边缘的时候就会有锯齿,如图:
 
       第一行是png32的,第二行为png8或者gif 的,在白色背景下有这样锯齿的感觉,不太友好.我们可以通过小技巧来完成最佳效果.
具体的处理透明图片点: IE6中处理透明图片
1,在用"保存"或者"ctrl+S"的时候 在保存到如图:
 
其中的杂边,要选自定,在颜色板里选择于你这个透明图在的背景色相当的颜色进行保存.
2,使用"存储为WEB应用格式"或者"ctrl+alt+shift+s"保存的,如图:
 
 
通过以上操作,不管用gif或者 Png8 都能很好的处理掉锯齿状.如图:
 
       上面是没有处理过锯齿的Png8,下面是处理过锯齿的png8.
学习吧建议采用第二种保存方式进行保存,因为"存储为web应用格式"还可以对图片进行其他别的优化,非常的强大! 这样的就很整齐美观了,达到了视觉效果。
 
 
 

       本文由深圳网站设计公司:创新互联整理,转载时请保留此链接,谢谢合作!


—— 微信公众号 ——

热门标签