[RGBA] difference between index and alpha transparency

  今天稍微介紹一下 Index以及 Alpha 透明度的差異。首先我們先介紹 Index透明度， Index透明度我們以 GIF檔案舉例，一個 GIF檔案會分做兩部分: Color Table 以及圖像的資料。 Color Table 是一個用於此圖像的顏色列表，如果是 8-bit的 GIF圖檔，就會有2^8= 256種顏色在此 Color Table。每一個顏色都被分配一個順序的數字，如下圖表示。

  GIF圖檔對應到 Color Table的數值，而呈現 Color Table紀錄的顏色。如下例，其顏色索引是 008，而相對應的呈現的顏色就是 #d8d3de。

  在 Index透明度，每個在 Color Table的顏色都可以被設定是否要被設定為是否呈現為透明色，若指定為呈現為透明色，則輸出之後就會是透明色，如下圖。

  

Alpha Transparent

  那在討論 Alpha 透明，在 Alpha透明度，每個顏色在圖像當中都有一個 alpha的數值紀錄他的透明程度，所以他們呈現的透明程度是一種可以漸變的情況。我們可以從下面兩張使用不同透明色匯出的圖形知道差異。

GIF 索引色透明

Alpha透明

  我試著用工程師的角度解釋兩者差異，也很希望設計師朋友能以不同角度解釋補述，若有錯誤也歡迎更正。

參考資料: What Are Index and Alpha Transparency?