网页图片处理教程:优化带锯齿PNG图片

错新网(www.cuoxin.com)文章简介：带锯齿PNG图片的优化。

记录一下，图片处理的一个小方法。
这个是sprite背景图，我把背景设为黑色以便于演示，其实际是透明的背景。
优化前，图片比较多的锯齿。根据毫毫的建议，解决方法如下。
画一个同等大小的矩形(20px*19px)选择区域，对准这个图形。

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

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