ICON边缘锯齿的解决方法

作者的blog：
图片１

数据挖掘实验室

图片２

数据挖掘工具

　　就从今天在深圳UI群里提问的那位朋友说起吧，他把图标做成ICO和GIF后放到程序里，运行后出现了边缘锯齿（毛刺）现象　 数据挖掘实验室

数据挖掘研究院

　　我给这位朋友的建议是： 数据挖掘工具

　　1.在转成 gif 或 ico 后对边缘进行处理，处理的目标让边缘更平滑，具体的方法是把边缘像素的颜色调得接近一点，相对颜色深一点，这样可以使其不太破碎而且轮廓更清晰。但这方法比较费时，而且不是每一个图都可以用，特别是在线条比较细的时候。 数据挖掘工具

　　2.不使用透明图标，把图标的背景色和即将应用界面的背景颜色设成一样。这个方法比较干脆，缺点是这个图标在动用的时候背景不一定一样，而且在不同操作系统下软件的默认背景颜色也不同（比如winXP是#ECE9D8，win2000及以下系统是#C0C0C0），如果图标的背景颜色跟环境的背景颜色不同那就比较难看了，所以有时会做几种背景颜色，麻烦。 数据挖掘工具

　　3.第三个方法是在第二个方法的基础上进来改进的，思路是保留图标边缘的过度部分，又不让图标背景区域太大具体做法是：　

把图标的区域选出来，把图标区域扩大一个像素得到，再把这个区域作为背景的填充区域，这时再把图标叠加上去得到，这个时候再做边缘像素化，这时再转成程序能接受的应用格式(ico、gif、bmp），应用到程序里就没有边缘锯齿（毛刺）的问题了。这里面还有一个背景颜色的选择问题，如果能确定程序最终显示的背景颜色，那设成跟它一样就万事大吉了，如果是其他颜色，本人的经验是尽量设成灰度色。 数据挖掘实验室

　　还有一个问题，就是我在前公司第一次做的那个桌面时钟界面了，当时研究了一下其他软件，都很少有把软件的外壳做成非矩形状的，那时才明白就是为了避免边缘锯齿问题，看看人家QQ吧，也是直来直去的，最多就在边角搞一个六度角，但这样用户已经可以接受了。

数据挖掘交友

　　现在的软件技术也已经支持边缘的平滑了，但那是更高一级的设计了，我们还是选想办法配合好我们自己人把手头的项目做好吧。 数据挖掘研究院

　　关于“不同操作系统下软件的默认背景颜色也不同（比如winXP是#ECE9D8，win2000及以下系统是#C0C0C0）”，这是跟桌面主题有关的，每个桌面主题都会有自己的默认背景颜色，大家可以试试自己换一下，用Windowblinds就可以更换桌面主题，还可以自己做。

原文的地址：http://www.i170.com/user/kuya/Article_44499

数据挖掘论坛