Rumah  >  Artikel  >  hujung hadapan web  >  photoshop 网页png图标保存后有锯齿解决办法

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

高洛峰
高洛峰asal
2017-02-24 09:47:274246semak imbas

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

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

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

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

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

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

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

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

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

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

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

嘿嘿,是不是很神奇,Fireworks的功能居然能够如此强大

更多photoshop 网页png图标保存后有锯齿解决办法 相关文章请关注PHP中文网!


Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn