PNG格式介紹課件

PNG格式介紹矢量圖-完美的幾何圖形矢量圖是通過組成圖形的一些基本元素，如點、線、面，邊框，填充色等信息通過計算的方式來顯示圖形的。就好比我們在幾何學里面描述一個圓可以通過它的圓心位置和半徑來描述，當然還可以通過邊框的粗細、顏色以及填充的顏色等數(shù)據(jù)去描述它的樣式。而電腦在顯示的時候則通過這些數(shù)據(jù)去繪制出我們定義的圖像。矢量圖的優(yōu)點在于文件相對較小，并且放大縮小不會失真。缺點則是這些完美的幾何圖形很難表現(xiàn)自然度高的寫實圖像。需要強調說明的是我們在web頁面上所使用的圖像都是位圖，即便有些稱為矢量圖形（如矢量icon等）也是指通過矢量工具進行繪制然后再轉成位圖格式在web上使用的（區(qū)別于像素繪制的圖形）。位圖-神奇的拼圖位圖又叫像素圖或柵格圖，它是通過記錄圖像中每一個點的顏色、深度、透明度等信息來存儲和顯示圖像。一張位圖就好比一幅大的拼圖，只不過每個拼塊都是一個純色的像素點，當我們把這些不同顏色的像素點按照一定規(guī)律排列在一起的時候，就形成了我們所看到的圖像。所以當我們放大一幅像素圖時，能看到這些拼片一樣的像素點（如下圖）。位圖的優(yōu)點是利于顯示色彩層次豐富的寫實圖像。缺點則是文件大小較大，放大和縮小圖像會失真。矢量圖與位圖盡管我們在web頁面中所使用的JPG、PNG、GIF格式的圖像都是位圖，即他們都是通過記錄像素點的數(shù)據(jù)來保存和顯示圖像，但這些不同格式的圖像在記錄這些數(shù)據(jù)時的方式卻不一樣，這就是涉及到有損壓縮和無損壓縮的區(qū)別。無損壓縮-最精確的拼圖相對有損壓縮而言無損壓縮則會真實的記錄圖像上每個像素點的數(shù)據(jù)信息，但為了壓縮圖像文件的大小會采取一些特殊的算法。無損壓縮的壓縮原理是先判斷圖像上哪些區(qū)域的顏色是相同的，哪些是不同的，然后把這些相同的數(shù)據(jù)信息進行壓縮記錄，（例如一片藍色的天空之需要記錄起點和終點的位置就可以了），而把不同的數(shù)據(jù)另外保存（例如天空上的白云和漸變等數(shù)據(jù)）。PNG是我們最常見的一種采用無損壓縮的圖片格式。無損壓縮在存儲圖像前會先判斷圖像上哪些地方是相同的哪些地方是不同的，為此需要對圖像上所有出現(xiàn)的顏色進行索引（如上圖），我們把稱這些顏色稱為索引色。索引色就好比繪制這幅圖像的“調色版”，PNG在顯示圖像的時候則會用“調色版”上的這些顏色去填充相應的位置。這里大家可能會疑惑既然PNG采用的是無損壓縮為什么我們保存的PNG格式圖片還會有失真呢？這是因為無損壓縮只是說它的壓縮方式會盡可能真實的還原圖像，但從它的壓縮原理我們可以知道它是通過索引圖像上相同區(qū)域的顏色進行壓縮和還原的，這就意味著只有在圖像上出現(xiàn)的顏色數(shù)量小于我們可以保存的顏色數(shù)量時，我們才能真實的記錄和還原圖像，否則就會丟失一些圖像信息（PNG8最多只能索引256種顏色，所以對于顏色較多的圖像不能真實還原；PNG24則可以保存1600多萬種顏色，基本能夠真實還原我們人類肉眼所可以分別的所有顏色；PNG格式最多可以保存48位顏色通道）。而對于有損壓縮來說，不管圖像上的顏色多少，都會損失圖像信息。PNG的特性1、能在保證最不失真的情況下盡可能壓縮圖像文件的大小。2、PNG用來存儲灰度圖像時，灰度圖像的深度可多到16位，存儲彩色圖像時，彩色圖像的深度可多到48位，并且還可存儲多到16位的α通道數(shù)據(jù)。3、對于需要高保真的較復雜的圖像，PNG雖然能無損壓縮，但圖片文件較大，不適合應用在Web頁面上。

格式最高支持色彩通道索引色編輯支持透明支持PNG8256色支持支持布爾透明PNG24約1600萬色不支持支持8位（256階）alpha透明PNG8與PNG24提到PNG格式就不得不提到PNG8和PNG24，這種叫法并非官方定義，不過由于普遍使用已經被大家廣泛接受了。通過前面的介紹我們知道PNG采用無損壓縮是通過索引色去存儲和還原圖像的，PNG8和PNG24后面的數(shù)字則是代表這種PNG格式最多可以索引和存儲的顏色值?！?″代表2的8次方也就是256色，而24則代表2的24次方大概有1600多萬色。不僅如此，PNG8還支持1位的布爾透明通道，所謂布爾透明指的是要么完全透明要么完全不透明。而PNG24則支持8位（256階）的alpha通道透明，也就是說可以存儲從完全透明到完全不透明一共256個層級的透明度（即所謂的半透明）。那么是什么原因造成這樣的差異呢？首先我們可以看出“立刻購買”這個按鈕是在photoshop中用矢量工具繪制出來的，其漸變填充是非常規(guī)則的線性漸變，文字顏色和描邊等都是采用純色，所以這個圖像所包含的色彩信息非常有限。根據(jù)前面我們介紹的無損壓縮的特性，當用PNG存儲這個圖像時，只需要保存很少的色彩信息就可以真實還原這個圖像。而對于JPG格式來說大小主要決定于圖像的顏色層次，所以在這種顏色較少但對比強烈的情況下，反而不能很好的壓縮文件大小。另外根據(jù)有損壓縮的壓縮算法JPG會在圖像中通過漸變或其他方式