說到添加到網(wǎng)站上的圖片,大多數(shù)網(wǎng)頁設(shè)計(jì)師都選擇JPEG,PNG JPEG-XR,WebP和GIF這幾種格式等等。但確定哪一個(gè)是正確的、合適的是一個(gè)略有難度的事。為了找到圖像的好格式,讓我們看看具體每個(gè)圖片格式。本文談?wù)?a >網(wǎng)頁設(shè)計(jì)中圖像格式有哪些?
JPEG
在使用超過25年,JPEG是一個(gè)標(biāo)準(zhǔn),經(jīng)受住了時(shí)間的考驗(yàn)。 JPEG非常適合壓縮連續(xù)色調(diào)圖像,如照片,它們具有許多顏色并且它們之間是平滑過渡。然而,JPEG不適合壓縮具有清晰邊緣或高能量的圖片,噪聲紋理的圖像,并且會(huì)導(dǎo)致在銳利邊緣周圍或精細(xì)細(xì)節(jié)處被模糊。
GIF
在網(wǎng)絡(luò)的早期,如果圖像不是JPEG,它是一個(gè)GIF。 GIF格式適合于壓縮具有大塊相同或重復(fù)數(shù)據(jù)的圖像。因此,只有很少的顏色圖像,在寬條帶中,在它們之間具有尖銳轉(zhuǎn)變的圖像可以作為GIF有效地和無損地存儲(chǔ)。 此外,格式支持透明度和動(dòng)畫。
因?yàn)樗幸粋€(gè)256色限制,GIF不宜采用壓縮圖像,甚至中等數(shù)量的顏色。 將超過256種顏色的圖像轉(zhuǎn)換為GIF會(huì)不好看。 所以,雖然GIF最初用于各種圖像,而今天,只有當(dāng)需要?jiǎng)赢嫊r(shí)才考慮GIF圖像。
PNG
PNG擅長(zhǎng)與GIF相同類型的圖像,但它提供了一些額外的好處。 例如,沒有256色限制,該格式具有優(yōu)越的壓縮性。它還支持alpha通道透明度,這使得像素部分透明,而不是簡(jiǎn)單的全透明或完全不透明。
最后,對(duì)于具有清晰邊緣和寬幅純色或精確重復(fù)圖案的圖像,PNG將優(yōu)于GIF。然而,當(dāng)它涉及到照片,它會(huì)比JPEG更差。
WebP
WebP是谷歌的WebM視頻格式的一個(gè)分支。它采用PNG格式使用的簡(jiǎn)單預(yù)測(cè)策略到一個(gè)新的水平。WebP對(duì)圖像中的每個(gè)(可變大?。K使用多達(dá)十六種不同的預(yù)測(cè)策略之一,并且可以無損地或有損地壓縮預(yù)測(cè)值和實(shí)際值之間的殘差。
因此,WebP提供了很大的靈活性。它適用于各種各樣的圖像(如果你選擇其無損設(shè)置的圖形,如果你有損失攝影),一般提供比PNG或JPEG更好的壓縮。缺點(diǎn):它目前僅支持兩個(gè)主要的瀏覽器:Chrome和Opera。
JPEG-XR
微軟的下一代格式的選擇是JPEG-XR。它在JPEG壓縮的基本機(jī)制之上層疊了一系列新技術(shù),實(shí)現(xiàn)無損壓縮,更有效的有損壓縮和alpha通道半透明。像WebP一樣,JPEG-XR比它的前輩更復(fù)雜,性能更好,但支持不太好?,F(xiàn)在,該格式僅在Internet Explorer和Edge中受支持。
這些下一代格式提供了許多承諾,但由于其支持的限制,提供JPEG或PNG備份以確保您網(wǎng)站的所有訪問者都可以查看圖像是很重要的。您可以在客戶端使用新的<picture> / <source type>模式或在服務(wù)器上使用內(nèi)容協(xié)商的HTTP Accept頭來執(zhí)行此操作
無論您是使用舊版格式還是提供未來的格式,其目的都是選擇合適的圖片格式來做出最好的網(wǎng)站效果。您還可以了解如何
優(yōu)化網(wǎng)站上的圖片以提高性能和用戶體驗(yàn)、也可以了解關(guān)于
網(wǎng)站建設(shè)和開發(fā)的服務(wù),查看創(chuàng)新互聯(lián)官網(wǎng)就可了解這些內(nèi)容。
本文標(biāo)題:網(wǎng)頁設(shè)計(jì)中圖像格式有哪些?
當(dāng)前URL:http://jinyejixie.com/news0/41650.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)、網(wǎng)頁設(shè)計(jì)公司、企業(yè)建站、營(yíng)銷型網(wǎng)站建設(shè)、服務(wù)器托管、全網(wǎng)營(yíng)銷推廣
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)