IT教程 ·

photoshop网页png图标保存后有锯齿解决办法

有些人用png图片时为了要兼容在IE6下对png32或png24不透明的时候,他们都是用js处理的。

png分为三种格式png8,png24,png32这三种格式,数值越高图片的精度质量就越好,相对的图片大小也会跟着增大,我们一般都会用
Photoshop和Fireworks来处理图片。好的废话一堆,马上进入主题吧。其实IE6是可以兼容png8图片透明的,但是用Photoshop
做png8的时候会出现锯齿的现象,从而不能再IE6下兼容。但是我们有Fireworks,下面开始用Fireworks做出无锯齿的png8。

photoshop网页png图标保存后有锯齿解决办法 IT教程 第1张

同样的一个psd图,放到Fireworks下,按照下图设置:

photoshop网页png图标保存后有锯齿解决办法 IT教程 第2张

最后选择导出,别存为,否则还是有锯齿的。

photoshop网页png图标保存后有锯齿解决办法 IT教程 第3张

我们来看一下放到网站后的效果,Phoshop png8的图片有锯齿:

photoshop网页png图标保存后有锯齿解决办法 IT教程 第4张

而且Fireworks做的png8图片要比Photoshop的小很多:

photoshop网页png图标保存后有锯齿解决办法 IT教程 第5张

嘿嘿,是不是很神奇,Fireworks的功能居然能够如此强大,赶紧去试一下吧,有什么问题给我及时留言

参与评论