談到在網(wǎng)站上添加的圖片,大多數(shù)網(wǎng)頁設計者都會選擇JPEG、PNGJPEG-XR、WebP和GIF等一些格式。但是,決定哪一種方法對,哪一種方法對,難度不大。要找出圖像的最佳格式,我們來看一下圖片的具體格式。這篇文章談的是網(wǎng)頁設計中的圖像格式。
杰布。
JPEG已經(jīng)使用了25多年,它已經(jīng)成為一種標準,經(jīng)受了時間的考驗。JPEG非常適合壓縮像照片這樣的連續(xù)色調圖像,它們有很多顏色,彼此之間的過渡也很流暢。但JPEG不適合壓縮邊緣清晰、能量高、有噪音、紋理清晰的圖像,而且會造成圖像邊緣邊緣周圍或細節(jié)模糊。
蓋夫。
如果圖片不是JPEG,它就是早期的GIF。GIF格式適用于對具有大量相同或重復數(shù)據(jù)的圖像進行壓縮。所以在寬條帶中,只有極少數(shù)彩色圖像之間發(fā)生銳化的圖像,可以以GIF格式進行有效無損耗的存儲。另外,格式支持透明和動態(tài)。
由于GIF具有256色的限制,所以GIF不宜使用壓縮圖像,甚至是中等顏色。把256色以上的圖片轉換成GIF不好看。因此,盡管GIF最初被用在各種圖片上,但現(xiàn)在只有在需要動畫的時候才考慮GIF圖片。
PNG
雖然PNG和GIF具有相同的圖像類型,但是它提供了一些額外的優(yōu)點。舉例來說,格式不存在256色限制,具有良好的壓縮性能。該軟件也支持alpha通道透明,它使像素部分透明,而非簡單的全透明或完全不透明。
鄭州做網(wǎng)站公司PNG在邊緣清晰、圖象純色較寬、圖象重復性較好等方面優(yōu)于GIF。但是當涉及到照片時,它比JPEG更糟糕。
網(wǎng)絡規(guī)劃。
網(wǎng)絡視頻是谷歌網(wǎng)絡視頻格式的一個分支。利用PNG格式,將簡單的預測策略提高到新的水平。對于圖像中的每一個(可變尺寸)塊,WebP都使用了多達21種不同的預測策略之一,并能夠將預測值與實際值之間的殘差進行無損或有損壓縮。
所以WebP提供了極大的靈活性。這對于各種圖片都適用(如果你選擇非破壞性的圖片,如果你有照片丟失的話),通常比PNG或者JPEG壓縮效果更好。缺陷:目前它只支持兩種主流瀏覽器:Chrome和Opera。
XR系列。
新一代微軟格式是JPEG-XR。該協(xié)議采用了JPEG壓縮的基本機制,將一系列實現(xiàn)無損壓縮、更高效的有損壓縮和alpha通道半透明的新技術疊加在一起。與WebP一樣,JPEG-XR比以前的JPEG-XR更復雜、性能更好,但是并沒有得到很好的支持。目前,InternetExplorer和Edge只支持這種格式。
新一代格式提供了很多承諾,但是由于受到支持的限制,提供JPEG或者PNG備份來確保網(wǎng)站的所有訪問者都能看到圖片非常重要。你可以在客戶端使用新的/模式,或者在服務器上使用內容協(xié)商的HTTPAccept頭文件來完成。
不管你是使用老式的格式還是提供未來的格式,你的目標都是選擇合適的圖片格式,以達到最佳的網(wǎng)站效果。你也可以學習到如何優(yōu)化網(wǎng)站上的圖片來改善性能和用戶體驗,以及如何為網(wǎng)站的建設和發(fā)展提供服務,在穹拓網(wǎng)站的官網(wǎng)上可以看到這些信息。