当前位置:首页 > 网站教程 > 内容列表

企业网站图片处理:如何优化带锯齿PNG图片

点击次数:更新时间:2013-09-12 21:09:22【打印】【关闭】

在建设企业网站的时候会碰到一些小的图片,而这些小图标边缘难免会出现锯齿,如何修复这些锯齿,让图片更圆滑。

优化前,图片比较多的锯齿。根据毫毫的建议,解决方法如下。
画一个同等大小的矩形(20px*19px)选择区域,对准这个图形。

反选。

删掉多余的部分。相当于把边缘修整了一下。

最终把图片导出为Alpha透明的PNG8格式。好了,优化成功。别忘了先压缩下图片再使用哦。

顺带说一下之前做的一个流程图示。
这个水滴状圆形也比较纠结,还好,它所在的地方,背景都是白色的,所以,连同白色背景裁切,就不担心锯齿问题了。

因为这个背景图写法是定位到3像素的border上面,所以,对与border重叠的部分,设置为透明。这样做神不知鬼不觉,也不会影响视觉效果。哈哈。

空间、网站业务联系QQ:2429256177 邮箱:beescms@163.com
客服

工作时间

周一至周日

8:00 - 18:00

在线客服

点击这里给我发消息 BUG反馈

点击这里给我发消息 网站建设

点击这里给我发消息 域名空间

点击这里给我发消息 授权服务

点击这里给我发消息 售前咨询

点击这里给我发消息 意见反馈

点击这里给我发消息 销售客服

联系手机

18288433386

powerd by BEESCMS