gif鋸齒化問題


  索引顏色是位圖圖片的一種編碼方法,需要基於RGB、CMYK等更基本的顏色編碼方法。可以通過限制圖片中的顏色總數的方法實現有損壓縮。

  挑選一副圖片中最有代表性的若干種顏色(通常不超過256種),編制成顏色表。在表示圖片中每一個點的顏色信息時,不直接使用這個點的顏色信息,而使用顏色表的索引。這樣,要表示一幅32位真彩色的圖片,使用索引顏色的圖片只需要用不超過8位的顏色索引就可以表達同樣的信息。使用索引顏色的位圖廣泛用於網絡圖形、游戲制作等場合,常見的格式有GIF、PNG等。

  索引透明色。這種顏色跟索引綠色,或是索引紅色屬於性質相同的顏色,這是個顏色。而這種顏色表現的效果就是透明。

 

  Alpha通道一般用做不透明參數,有些情況下用0%-100%表示,有時候用0-1表示,還有時候用0-255表示,兩頭分別表示完全透明和不透明。我知道的,css里,IE下有個透明度濾鏡,使用0%-100%表示的,例如下面:filter:alpha(opacity=50);而其他瀏覽器(Firefox,chrome等)是用0-1表示的,例如:opacity:0.5;在as中,透明度可以用0-1表示,例如:test_mc.alpha=0.5;也可以用0-255表示,但是以十六進制的形式表示的,例如:0x80FF0000就是50%透明的紅色。在css3中,顏色的表示也加入了Alpha通道.

 

平時我們看到的半透明圖片都是png32的,都使用了8位(2的8次方為256)的Alpha通道,否則無法表示半透明.

 

如果一張圖片不含有Alpha通道(不透明的),但用戶卻以png32的方式將其保存,則圖片中所含的8Alpha通道則是多余的,而采用photoshop這種方式,如果一張圖片不含Alpha通道,即使用戶勾選了透明度選項,圖片依然以png24形式保存,避免了多余的信息

 

gif圖片(或png8)產生鋸齒的原因一句話總結就是:gifpng8只有透明索引顏色,沒有半透明索引顏色,不支持位圖中半透明邊緣,只好用其他索引色代替(例如白色#FFFFFF),從而產生雜色鋸齒.

 

gifpng8是索引圖片,圖片中所有的顏色都是索引顏色,而這些所有的索引顏色中有關透明度的就只有一個透明索引顏色,並沒有半透明索引顏色,加上photoshop采用半透明實現邊緣平滑處理,所以導致photoshop導出的gif圖片(或png8)會產生雜邊鋸齒.

 

1.4 形狀與鋸齒之間的關系
   雜邊鋸齒的大小以及有無與圖形的形狀是有關系的。一般來說,水平線,垂線,矩形是沒有雜邊鋸齒的問題的,因為他們都是完全填充像素的。但是弧線以及斜線就會遇到雜邊鋸齒的麻煩.一般的ps的處理方式就是在界面中勾選消除鋸齒的選項,然后在這部分雜邊區域的時候顯示的是半透明格式的圖片,用來做平滑處理。

 

2.2 通過雜邊設置弱化網頁中gif鋸齒的影響
   默認的雜邊顏色是白色,通過更改這個顏色可以弱化網頁中gif圖片(或png8)雜色鋸齒的影響。這種改變分為兩種情況,一是將雜邊顏色設置為網頁的背景顏色,但是這不適用於背景經常變化的情況;還有就是將雜邊顏色設置為圖片邊緣的顏色,但是這種情況不適用於圖片邊緣顏色很多的情況。兩種設置各有利弊和局限性,需要根據實際情況進行調整。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM