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