前端切图注意项

项目需要透明的图片，所以在Ctrl+Shift+Alt+S保存图片时，有png8和png24供选择，其实两种格式保存的图片是有一下差别的：

　　　　a,以png8保存的图片与原来的图片偏差很大，周围出现锯齿，渐变模糊都没有了；于是改换png24存储，发现与原图片相差不大，几乎没有失真；

　　　　b,png8格式存储的图片比png24存储的图片小很多，大约小了3倍。

出现a的原因是因为:

　　png8有1位的布尔透明通道（要么完全透明，要么完全不透明），png24则有8位（256阶）的布尔透明通道（所谓半透明）

出现b的原因是因为:

　　每一张“png8”图像，都最多只能展示256种颜色，所以“png8”格式更适合那些颜色比较单一的图像，例如纯色、logo、图标等；因为颜色数量少，所以图片的体积也会更小；

　　而每张“png24”图像，可展示的颜色就远远多于“png8”，最多可展示的颜色数量多达1600万；所以“png24”所展示的图片颜色会更丰富，图片的清晰度也会更好，图片质量更高，当然图片的大小也会相应增加，所以“png24”的图片比较适合像摄影作品之类颜色比较丰富的图片；

所以切图应注意：

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

png透明ie6下的兼容问题：
 
我们通常说的“IE6 不支持 PNG 透明”，是指不支持 PNG-24 的透明。但是 IE6 支持 PNG-8 的透明，就像支持 gif 的透明一样。

 

转载于:https://www.cnblogs.com/5-clay/p/7874267.html