前端切图注意项
項目需要透明的圖片,所以在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
總結
- 上一篇: 图的表达与遍历--邻接矩阵和邻接表
- 下一篇: 2017年html5行业报告,云适配发布