gif与png-8图片的杂边

来源：杭州天琥设计培训学校时间：2018/11/23 10:25:37

为什么gif和png-8格式的图片存在杂边?这是因为，gif和png-8格式的图片使用的是索引颜色编码，而索引颜色中，只存在全透明索引颜色(用来绘制全透明的像素点，也即空白点)，而不存在半透明索引颜色。但是，一般的视觉元素的边缘都存在半透明的像素点以形成视觉上的平滑过渡，这些半透明点要保留到gif和png-8，就必须指定用一种实色替代。这也就是Photoshop中的杂边选项的意义。

Photoshop的这个颜色表中可以看到，只有这一个全透明索引色。

Photoshop中也可以选择杂边为“无”，这时半透明点会被丢弃，不再保留到输出的图像中。由于边缘缺少用作过渡的像素点，这样的图像可能会有明显的锯齿，多数情况下效果不佳。

点击“杂边”旁边的小箭头，下拉菜单中即可以选择“无”。

如果选择一个颜色作为杂边色，Photoshop在生成索引颜色表时会把图像中的半透明像素点也考虑进去，并用合适的索引颜色(参考选定的杂边色)替换这些半透明像素点。存在杂边色的gif和png-8图中的视觉元素，处于和杂边色相同的背景色中的时候，效果最佳，所以杂边色的选取应参考最终元素所在的背景。

如果有多种类别的背景而无法保证效果，应使用png-24。这里的png-24实际上基本都是png-32，即应包含透明度alpha通道。这样表述也是因为在Photoshop中，只用了一个复选框的设置来区分png-24和png-32。

勾选“透明度”后，实际上保存的是png-32。

针对不支持png-32的IE6，单独输出一个效果较差的png-8或gif，在一定程度上保证IE6的正常外观。这也是针对不同浏览器的“渐进增强”开发思想的体现。