PNG-8和PNG-24的抉擇

今天我作了一個圖,由於須要透明,因此我存爲了PNG8格式,結果發現圖片變了,圖片變得四周都
不光滑了,四周都變得有鋸齒了,並且陰影也不見了,後來存爲PNG24,這些問題就消失了。
我去百度搜索了關於PNG8和PNG24的區別,看到下面的文章,原來PNG8要麼徹底透明,要麼徹底不透
明,不支持半透明,因此纔會出現上面的問題,但PNG24支持半透明的。
詳細請看如下文章,但願能幫到您哦,呵呵

一直在png圖片透明這塊,模糊着,雖然XXX,就是由於懶沒有認真測試測試。今天看到同事要作一個這樣的效果時,發現得弄弄了,因而去新浪微博看下它logo的實現時,遇到這個問題(想知道它用的什麼格式的png圖)。
首先先作下比較,由於估計作前端的人和我同樣知道最多的就是png是一種包含半透明格式的圖片。其實咱們還要知道:
1.png8和png24的根本區別,不是顏色位的區別,而是存儲方式不一樣。
2.png8有1位的布爾透明通道(要麼徹底透明,要麼徹底不透明),png24則有8位(256階)的布爾透明通道(所謂半透明)。
png-8 和 gif 有一些類似之處,模式都是索引顏色,只支持像素級的純透明,不支持 alpha 透明。
咱們一般說的「IE6 不支持 PNG 透明」,是指不支持 PNG-24 的透明。可是 IE6 支持 PNG-8 的透明,就像支持 gif 的透明同樣。

這樣咱們在工做中就有了方向:
1.色彩豐富的、大的圖片切成jpg的;
2.尺寸小的,色彩不豐富的和背景透明的切成gif或者png8的;
3.半透明的切成png24。
前端

相關文章
相關標籤/搜索