PNG 圖像格式

　　PNG是一種可攜式網絡圖像格式。PNG一開始便結合GIF及JPG兩家之長，打算一舉取代這兩種格式。1996年10月1日由PNG向國際網絡聯盟提出并得到推薦認可標準，并且大部分繪圖軟件和瀏覽器開始支持PNG圖像瀏覽，從此PNG圖像格式生機煥發。

　　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格式的文件要小很多，因而下載也很快。