由于Gif格式的图像不支持半透明，只有透明和不透明，在我们的图像中非水平、垂直和45度角的线时，会出现锯齿的情况。这种情况如何解决呢？

学51网j3页7s网(http://www.xwangye.com)

一般保存透明的gif图片时，除非图片的不透明区域是规则的矩形（而且没有羽化和阴影，外发光等），直接保存，都会出现锯齿：

学51网j3页7s网(http://www.xwangye.com)

学51网j3页7s网(http://www.xwangye.com)

这是没阴影的

学51网j3页7s网(http://www.xwangye.com)

学51网j3页7s网(http://www.xwangye.com)

这是有阴影的

学51网j3页7s网(http://www.xwangye.com)

学51网j3页7s网(http://www.xwangye.com)

这是photoshop中的透明区域的演示

学51网j3页7s网(http://www.xwangye.com)

在保存的时候，有个选项，叫“杂边”的，如果把鼠标放到其上方，会出现说明：“定义颜色以混合透明象素“。在那里设置一下颜色，就可以比较好地解决这个问题，如图：

学51网j3页7s网(http://www.xwangye.com)

学51网j3页7s网(http://www.xwangye.com)

学51网j3页7s网(http://www.xwangye.com)

一般只要把这里的颜色设置成跟网页的背景颜色相同或相近，然后把这个图片放到网页里，就不会察觉到有锯齿。

学51网j3页7s网(http://www.xwangye.com)

比如最初那张幅透明gif图片，如果在保存的时候设置”杂边“为#F2F3F7（就是经典论坛发帖子时候的表格的颜色（之一，另外如果是用”我的配色“中的”其他颜色“，算我没说），然后保存，之后贴到这里，就不会有锯齿了，look：

学51网j3页7s网(http://www.xwangye.com)

学51网j3页7s网(http://www.xwangye.com)