前端切图注意项
项目需要透明的图片,所以在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 的透明一样。