Android--圖片格式與設計那點事兒

標籤：

向量圖與位元影像向量圖-完美的幾何圖形

向量圖是通過組成圖形的一些基本元素，如點、線、面，邊框，填充色等資訊通過計算的方式來顯示圖形的。就好比我們在幾何學裡面描述一個圓可以通過它的圓心位置和半徑來描述，當然還可以通過邊框的粗細、顏色以及填充的顏色等資料去描述它的樣式。而電腦在顯示的時候則通過這些資料去繪製出我們定義的映像。

優點在於檔案相對較小，並且放大縮小不會失真。

缺點則是這些完美的幾何圖形很難表現自然度高的寫實映像。

需要強調說明的是我們在web頁面上所使用的映像都是位元影像，即便有些稱為向量圖形（如向量icon等）也是指通過向量工具進行繪製然後再轉成位元影像格式在web上使用的（區別於像素繪製的圖形）。

 

位元影像-神奇的拼圖

位元影像又叫像素圖或柵格圖，它是通過記錄映像中每一個點的顏色、深度、透明度等資訊來儲存和顯示映像。一張位元影像就好比一幅大的拼圖，只不過每個拼塊都是一個純色的像素點，當我們把這些不同顏色的像素點按照一定規律排列在一起的時候，就形成了我們所看到的映像。所以當我們放大一幅像素圖時，能看到這些拼片一樣的像素點（如）。

優點是利於顯示色彩層次豐富的寫實映像。

缺點則是檔案大小較大，放大和縮小映像會失真。

儘管我們在web頁面中所使用的JPG、PNG、GIF格式的映像都是位元影像，即他們都是通過記錄影素點的資料來儲存和顯示映像，但這些不同格式的映像在記錄這些資料時的方式卻不一樣，這就是涉及到有損壓縮和無損壓縮的區別。

有損壓縮與無損壓縮有損壓縮-你看到的不一定是真實的

按照我的理解有損壓縮就是在儲存映像的時候並不完全真實的記錄映像上每個像素點的資料資訊，它會根據人眼觀察現實世界的特性（人眼對光線的敏感度比對顏色的敏感度要高，生物實驗證明當顏色缺失時人腦會利用與附近最接近的顏色來自動填補缺失的顏色）對映像資料進行處理，去掉那些映像上會被人眼忽略的細節，然後使用附近的顏色通過漸層或其他形式進行填充。這樣既能大大降低映像資訊的資料量，又不會影響映像的還原效果。

JPG是我們最常見的採用有損壓縮對映像資訊進行處理的圖片格式。JPG在儲存映像時會把映像分解成8*8像素的柵格（如），然後對每個柵格的資料進行壓縮處理，當我們放大一幅映像的時候，就會發現這些8*8像素柵格中很多細節資訊被去除，而通過一些特殊演算法用附近的顏色進行填充（為了讓大家看得更清楚我將映像的壓縮比率調到很低）。這也是為什麼我們用JPG儲存映像有時會產生塊狀模糊的原因。

Android--圖片格式與設計那點事兒