页面中切图，因为需要透明，所以存为PNG8格式，图片四周全是锯齿，而且阴影也不见了，后来存为PNG24，这些问题就消失了。

去百度搜索了关于PNG8和PNG24的区别，看到下面的文章，原来PNG8要么完全透明，要么完全不透明，不支持半透明，所以才会出现上面的问题，但PNG24支持半透明的。

一、PNG8 & PNG24的不同

1. png8和png24的根本区别，不是颜色位的区别，而是 存储方式不同。
2. png8有1位的布尔透明通道（要么完全透明，要么完全不透明），png24则有8位（256阶）的布尔透明通道（所谓半透明）。

png-8 和 gif 有一些相似之处，模式都是索引颜色，只支持像素级的纯透明，不支持 alpha 透明。

我们通常说的“IE6 不支持 PNG 透明”，是指不支持 PNG-24 的透明。但是 IE6 支持 PNG-8 的透明，就像支持 gif 的透明一样。

二、切图时保存什么样的格式

1. 色彩丰富的、大的图片切成jpg的；
2. 尺寸小的，色彩不丰富的和背景透明的切成gif或者png8的；
3. 半透明的切成png24。

三、如何区别PNG8 & PNG24

1. 在ps里看图像—模式，png8当然只有8位/通道了。
2. 当打开png8的图片时，ps会默认给它的图片标题上加上“索引”两字，png24的则没有。