常用網頁圖畫格局簡述：png/svg

PNG 圖畫格局

PNG是一種可攜式網絡圖畫格局。PNG一開始便結合GIF及JPG兩家之長，打算一舉替代這兩種格局。

IE閱讀器從4.0版別開始支撐png圖畫閱讀。

特色1：兼有gif和jpg的顏色形式。

咱們知道gif格局圖畫采用了256色以下的index color顏色形式，jpg采用的是24位真彩形式。png不僅能儲存256色以下的index color圖畫，還能儲存24位真彩圖畫，甚至能最高可儲存至48位超強顏色圖畫。

特色2：png能把圖畫文件緊縮到極限以利于網絡傳輸，但又能保存一切與圖畫質量有關的信息。

假如你的圖畫是以文字、形狀及線條為主，png會用相似gif的緊縮方法來得到較好的緊縮率，而且不破壞原始圖畫的任何細節。據世界網絡聯盟測算，八位的png圖畫比同位的gif圖畫就小10%到30%。

而關于相片質量一類的緊縮，png則采用相似jpg的緊縮演算法。但是jpg緊縮程度越大、印象的質量越差。由于它的緊縮是采用的是破壞性緊縮法、每次緊縮的同時便多多少少漏掉一些像素。 png不同于jpg的地方在于：它處理相片類圖畫亦是采用非破壞性緊縮，圖畫緊縮后能堅持與緊縮前圖畫質量相同，沒有一點失真。

特色3：更優化的傳輸顯現。

了解gif格局的圖畫處理者知道，gif圖畫有兩種形式——normal(一般)形式和interlaced(交錯)形式。interlaced形式更適用于網絡傳輸。在傳送圖畫過程中，閱讀者先看到圖畫一個大概的輪廓然后再慢慢明晰。png也采取了interlaced形式，使圖畫得以水平及垂直方式顯像在螢幕上，加快了下載的速度。

特色4：支撐圖畫通明顯現。

gif格局盡管也支撐通明顯現，采用gif格局通明圖畫過于刻板，由于gif通明圖畫只要1與0的通明信息、只要通明或不通明兩種挑選，沒有層次；而png提供了α頻段0至255的通明信息，能夠使圖畫的通明區域出現深度不同的層次。

png圖畫就能夠讓圖畫覆蓋在任何布景上都看不到接縫，改善gif通明圖畫描邊欠安的問題。

特色5：兼容性較好。

gif圖畫在不同系統上所顯現的畫面也會跟著不相同，但png卻能夠讓你在Macintosh上制作的圖畫與在Windows上所顯現的圖畫完全相同，反之亦然。

png被規劃成能夠經過網絡傳送到任何機種及作業系統上讀取。

文字資料(如作者、出處)、儲存遮罩(MASK)、伽瑪值、顏色校正碼等信息均可參雜在 png圖畫中一起傳輸。

幾個發現：

　　 不通明和索引色通明的圖片， png8比gif更加具有優勢。 
Alpha通明的圖片，png8比gif顯現作用好，但文件更大。

png24沒有通明作用：包括索引色通明和Alpha通明。

不同的閱讀器，顯現作用不相同。

Firefox：支撐png8的索引色通明度， png8 和png32的alpha通明度。

IE：支撐png8的索引色通明度，但不支撐png8和png32的alpha通明度。(可用Js＋css濾鏡處理)

網頁中運用的相片類圖片，jpg文件一般比png24要小許多。但不排除特殊情況。

SVG 圖畫格局

SVG是種一種可縮放的矢量圖形。它是基于XML，由W3C聯盟進行開發的。嚴格來說應該是一種敞開標準的矢量圖形語言，可讓你規劃激動人心的、高分辨率的Web圖形頁面。

用戶能夠直接用代碼來描繪圖畫，能夠用任何文字處理工具翻開SVG圖畫，經過改動部分代碼來使圖畫具有交互功用，并能夠隨時插入到HTML中經過閱讀器來觀看。

SVG提供了現在網絡流行格局GIF和JPEG無法具有了優勢：能夠任意放大圖形顯現，但絕不會以獻身圖畫質量為代價；

文字在SVG圖畫中保存可編輯和可搜尋的狀況；均勻來講，SVG文件比JPG和GIF格局的文件要小許多，因而下載也很快。