項目需要透明的圖片，所以在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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。