常用網(wǎng)頁(yè)圖畫(huà)格局簡(jiǎn)述：png/svg

PNG 圖畫(huà)格局

PNG是一種可攜式網(wǎng)絡(luò)圖畫(huà)格局。PNG一開(kāi)始便結(jié)合GIF及JPG兩家之長(zhǎng)，打算一舉替代這兩種格局。

IE閱讀器從4.0版別開(kāi)始支撐png圖畫(huà)閱讀。

特色1：兼有g(shù)if和jpg的顏色形式。

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

特色2：png能把圖畫(huà)文件緊縮到極限以利于網(wǎng)絡(luò)傳輸，但又能保存一切與圖畫(huà)質(zhì)量有關(guān)的信息。

假如你的圖畫(huà)是以文字、形狀及線條為主，png會(huì)用相似gif的緊縮方法來(lái)得到較好的緊縮率，而且不破壞原始圖畫(huà)的任何細(xì)節(jié)。據(jù)世界網(wǎng)絡(luò)聯(lián)盟測(cè)算，八位的png圖畫(huà)比同位的gif圖畫(huà)就小10%到30%。

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

特色3：更優(yōu)化的傳輸顯現(xiàn)。

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

特色4：支撐圖畫(huà)通明顯現(xiàn)。

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

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

特色5：兼容性較好。

gif圖畫(huà)在不同系統(tǒng)上所顯現(xiàn)的畫(huà)面也會(huì)跟著不相同，但png卻能夠讓你在Macintosh上制作的圖畫(huà)與在Windows上所顯現(xiàn)的圖畫(huà)完全相同，反之亦然。

png被規(guī)劃成能夠經(jīng)過(guò)網(wǎng)絡(luò)傳送到任何機(jī)種及作業(yè)系統(tǒng)上讀取。

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

幾個(gè)發(fā)現(xiàn)：

　　 不通明和索引色通明的圖片， png8比gif更加具有優(yōu)勢(shì)。 
Alpha通明的圖片，png8比gif顯現(xiàn)作用好，但文件更大。

png24沒(méi)有通明作用：包括索引色通明和Alpha通明。

不同的閱讀器，顯現(xiàn)作用不相同。

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

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

網(wǎng)頁(yè)中運(yùn)用的相片類圖片，jpg文件一般比png24要小許多。但不排除特殊情況。

SVG 圖畫(huà)格局

SVG是種一種可縮放的矢量圖形。它是基于XML，由W3C聯(lián)盟進(jìn)行開(kāi)發(fā)的。嚴(yán)格來(lái)說(shuō)應(yīng)該是一種敞開(kāi)標(biāo)準(zhǔn)的矢量圖形語(yǔ)言，可讓你規(guī)劃激動(dòng)人心的、高分辨率的Web圖形頁(yè)面。

用戶能夠直接用代碼來(lái)描繪圖畫(huà)，能夠用任何文字處理工具翻開(kāi)SVG圖畫(huà)，經(jīng)過(guò)改動(dòng)部分代碼來(lái)使圖畫(huà)具有交互功用，并能夠隨時(shí)插入到HTML中經(jīng)過(guò)閱讀器來(lái)觀看。

SVG提供了現(xiàn)在網(wǎng)絡(luò)流行格局GIF和JPEG無(wú)法具有了優(yōu)勢(shì)：能夠任意放大圖形顯現(xiàn)，但絕不會(huì)以獻(xiàn)身圖畫(huà)質(zhì)量為代價(jià)；

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