图片有毛刺的问题

一直头疼制作圆角的图片半透明的问题，圆角边上总是会有毛刺。PS作出的图片感觉像素化严重，CORELDRAW里面导出的GIF图片也有毛刺，AI中也是一样。

 

解决办法为：

 

AI里面作图存为EPS格式，然后置入PS当中（不要直接拖进去），存为PNG-24的图片，再用JS进行兼容。（或者在PS中做图，但是也必须存为PNG-24，也可以在AI中做存为PNG-24的，但是效果也没有这样置入好），

JS文件为：DD_belatedPNG.js。将下面一段文字放在HTML页面中。

<!--[if IE 6]>

<script src="DD_belatedPNG.js"></script>

<script>

  DD_belatedPNG.fix('.png_bg');   //引用函数是DD_belatedPNG.fix()，括号里的 .png_bg 改成你的css选择器名称。

</script>

<![endif]-->

 

ID选择器例子：DD_belatedPNG.fix('#png');

伪类例子：DD_belatedPNG.fix('.png a:hover,.png a:focus');

img标签例子：DD_belatedPNG.fix('img');

如果是多个直接加逗号（英文下的）就行：

DD_belatedPNG.fix('.png_bg,#png,.png a:hover,.png a:focus,img');

 

如果PS中文字有毛刺的话，在字体编辑窗口，把无改成浑厚，锐利，平滑什么的就是了。

 

总结：AI，PS中不能直接存储圆角图片为WEB所用格式为PNG-8，否则会有毛刺。反选，羽化，删除这样也不能解决毛刺的问题。