談到在網(wǎng)站上添加的圖片，大多數(shù)網(wǎng)頁設(shè)計(jì)者都會(huì)選擇JPEG、PNGJPEG-XR、WebP和GIF等一些格式。但是，決定哪一種方法對(duì)，哪一種方法對(duì)，難度不大。要找出圖像的最佳格式，我們來看一下圖片的具體格式。這篇文章談的是網(wǎng)頁設(shè)計(jì)中的圖像格式。
杰布。
JPEG已經(jīng)使用了25多年，它已經(jīng)成為一種標(biāo)準(zhǔn)，經(jīng)受了時(shí)間的考驗(yàn)。JPEG非常適合壓縮像照片這樣的連續(xù)色調(diào)圖像，它們有很多顏色，彼此之間的過渡也很流暢。但JPEG不適合壓縮邊緣清晰、能量高、有噪音、紋理清晰的圖像，而且會(huì)造成圖像邊緣邊緣周圍或細(xì)節(jié)模糊。
蓋夫。
如果圖片不是JPEG，它就是早期的GIF。GIF格式適用于對(duì)具有大量相同或重復(fù)數(shù)據(jù)的圖像進(jìn)行壓縮。所以在寬條帶中，只有極少數(shù)彩色圖像之間發(fā)生銳化的圖像，可以以GIF格式進(jìn)行有效無損耗的存儲(chǔ)。另外，格式支持透明和動(dòng)態(tài)。
由于GIF具有256色的限制，所以GIF不宜使用壓縮圖像，甚至是中等顏色。把256色以上的圖片轉(zhuǎn)換成GIF不好看。因此，盡管GIF最初被用在各種圖片上，但現(xiàn)在只有在需要?jiǎng)赢嫷臅r(shí)候才考慮GIF圖片。
PNG
雖然PNG和GIF具有相同的圖像類型，但是它提供了一些額外的優(yōu)點(diǎn)。舉例來說，格式不存在256色限制，具有良好的壓縮性能。該軟件也支持alpha通道透明，它使像素部分透明，而非簡單的全透明或完全不透明。
鄭州做網(wǎng)站公司PNG在邊緣清晰、圖象純色較寬、圖象重復(fù)性較好等方面優(yōu)于GIF。但是當(dāng)涉及到照片時(shí)，它比JPEG更糟糕。
網(wǎng)絡(luò)規(guī)劃。
網(wǎng)絡(luò)視頻是谷歌網(wǎng)絡(luò)視頻格式的一個(gè)分支。利用PNG格式，將簡單的預(yù)測(cè)策略提高到新的水平。對(duì)于圖像中的每一個(gè)(可變尺寸)塊，WebP都使用了多達(dá)21種不同的預(yù)測(cè)策略之一，并能夠?qū)㈩A(yù)測(cè)值與實(shí)際值之間的殘差進(jìn)行無損或有損壓縮。

所以WebP提供了極大的靈活性。這對(duì)于各種圖片都適用(如果你選擇非破壞性的圖片，如果你有照片丟失的話)，通常比PNG或者JPEG壓縮效果更好。缺陷：目前它只支持兩種主流瀏覽器：Chrome和Opera。
XR系列。
新一代微軟格式是JPEG-XR。該協(xié)議采用了JPEG壓縮的基本機(jī)制，將一系列實(shí)現(xiàn)無損壓縮、更高效的有損壓縮和alpha通道半透明的新技術(shù)疊加在一起。與WebP一樣，JPEG-XR比以前的JPEG-XR更復(fù)雜、性能更好，但是并沒有得到很好的支持。目前，InternetExplorer和Edge只支持這種格式。
新一代格式提供了很多承諾，但是由于受到支持的限制，提供JPEG或者PNG備份來確保網(wǎng)站的所有訪問者都能看到圖片非常重要。你可以在客戶端使用新的/模式，或者在服務(wù)器上使用內(nèi)容協(xié)商的HTTPAccept頭文件來完成。
不管你是使用老式的格式還是提供未來的格式，你的目標(biāo)都是選擇合適的圖片格式，以達(dá)到最佳的網(wǎng)站效果。你也可以學(xué)習(xí)到如何優(yōu)化網(wǎng)站上的圖片來改善性能和用戶體驗(yàn)，以及如何為網(wǎng)站的建設(shè)和發(fā)展提供服務(wù)，在穹拓網(wǎng)站的官網(wǎng)上可以看到這些信息。