现在的位置: 首页 > 综合 > 正文

图片有毛刺的问题

2018年02月03日 ⁄ 综合 ⁄ 共 702字 ⁄ 字号 评论关闭

一直头疼制作圆角的图片半透明的问题,圆角边上总是会有毛刺。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中文字有毛刺的话,在字体编辑窗口,把无改成浑厚,锐利,平滑什么的就是了。

 

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

抱歉!评论已关闭.