項(xiàng)目需要透明的圖片，所以在Ctrl+Shift+Alt+S保存圖片時(shí)，有png8和png24供選擇，其實(shí)兩種格式保存的圖片是有一下差別的：

　　　　a,以png8保存的圖片與原來(lái)的圖片偏差很大，周圍出現(xiàn)鋸齒，漸變模糊都沒(méi)有了；于是改換png24存儲(chǔ)，發(fā)現(xiàn)與原圖片相差不大，幾乎沒(méi)有失真；

　　　　b,png8格式存儲(chǔ)的圖片比png24存儲(chǔ)的圖片小很多，大約小了3倍。

出現(xiàn)a的原因是因?yàn)?

　　png8有1位的布爾透明通道（要么完全透明，要么完全不透明），png24則有8位（256階）的布爾透明通道（所謂半透明）

出現(xiàn)b的原因是因?yàn)?

　　每一張“png8”圖像，都最多只能展示256種顏色，所以“png8”格式更適合那些顏色比較單一的圖像，例如純色、logo、圖標(biāo)等；因?yàn)轭伾珨?shù)量少，所以圖片的體積也會(huì)更小；

　　而每張“png24”圖像，可展示的顏色就遠(yuǎn)遠(yuǎn)多于“png8”，最多可展示的顏色數(shù)量多達(dá)1600萬(wàn)；所以“png24”所展示的圖片顏色會(huì)更豐富，圖片的清晰度也會(huì)更好，圖片質(zhì)量更高，當(dāng)然圖片的大小也會(huì)相應(yīng)增加，所以“png24”的圖片比較適合像攝影作品之類顏色比較豐富的圖片；

所以切圖應(yīng)注意：

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

png透明ie6下的兼容問(wèn)題：
?
我們通常說(shuō)的“IE6 不支持 PNG 透明”，是指不支持 PNG-24 的透明。但是 IE6 支持 PNG-8 的透明，就像支持 gif 的透明一樣。

?

轉(zhuǎn)載于:https://www.cnblogs.com/5-clay/p/7874267.html

總結(jié)

以上是生活随笔為你收集整理的前端切图注意项的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。