web中承載信息的主要方式就是圖片與文字了，以下就是對一些web圖片格式的優(yōu)缺點進(jìn)行歸納。

站在用戶的角度思考問題，與客戶深入溝通，找到武山網(wǎng)站設(shè)計與武山網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請域名、網(wǎng)頁空間、企業(yè)郵箱。業(yè)務(wù)覆蓋武山地區(qū)。

1、GIF

GIF圖是比較古老的web圖片格式之一，可以追溯到1987，幾乎所有的瀏覽器都支持這一種格式，老有老的好處嘛。GIF是一種索引色模式圖片，所以GIF每幀圖所表現(xiàn)的顏色最多為256種。GIF能夠支持動畫，也能支持背景透明，這點連古老的IE6都支持，所以在以前想要在項目中使用背景透明圖片，有一些方案就是生成GIF圖片。GIF與JPEG、PNG相比，在通常情況下確實體積比較小。不過里面如果放入了足夠多幀的圖片，那么可能就不是那種情況了。現(xiàn)在網(wǎng)絡(luò)上的GIF可以說是爆炸式的再增長，顯然更多的在與他的兩個特點：支持動畫與兼容性好。缺點就是：色彩表現(xiàn)度不夠豐富。

2、JPEG、JPG

平常我們大部分見到的靜態(tài)圖基本都是這種圖片格式。這種格式的圖片能比較好的表現(xiàn)各種色彩，主要在壓縮的時候會有所失真（主要是壓縮時，會在細(xì)節(jié)上把相鄰的一些色彩給同化掉），也正因為如此，造就了這種圖片格式體積的輕量。格式被各中老弱病殘的瀏覽器兼容，不過不支持背景透明與動畫。平時web上的廣告圖、相片、特大背景圖、輪播圖等等一些大圖場景中，都適用這個。

3、PNG

PNG格式是有三種版本的，分別為PNG-8，PNG-24，PNG-32，所有這些版本都不支持動畫的。PNG-8跟GIF類似的屬性是相似的，都是索引色模式，而且都支持背景透明。相對比GIF格式好的特點在與背景透明時，圖像邊緣沒有什么噪點，顏色表現(xiàn)更優(yōu)秀。PNG-24其實就是無損壓縮的JPEG。而PNG-32就是在PNG-24的基礎(chǔ)上，增加了透明度的支持。PNG格式在老瀏覽器IE6以及以下，PNG-8透明度的支持度不是很好，PNG-32的透明度基本不支持。正因為如此，以前有一個js插件，專門應(yīng)對IE6這種BUG，主要是用IE6里的濾鏡來重新渲染圖片達(dá)到透明.隨著時代的發(fā)展，PNG也想進(jìn)步，也想支持動畫。所以，有人推出了APNG（Animated PNG）格式圖片。從字面上理解，就是會動的PNG圖片，不過這個技術(shù)實現(xiàn)上與PNG開發(fā)小組理念不合，沒有得到有效推廣。到現(xiàn)在，也就有Blink內(nèi)核的瀏覽器（代表瀏覽器：火狐）有比較好的支持，其它的就無從談起了。

4、webP

這個格式的圖片的格式是財大氣粗的Google在2010發(fā)布出來的，它擁有現(xiàn)有位圖格式的所有優(yōu)點，包括體積小、色彩表現(xiàn)足夠、支持動畫（一開始是不支持的）。當(dāng)然，新東西的缺點就是兼容性不是很好，還有就是呈現(xiàn)這種圖片格式計算量比平常的圖片要大很多。由于出生好，東西本身也不錯，越來越多的開發(fā)者與設(shè)計者開始關(guān)注它。國內(nèi)某家公司也在使用這種格式圖片制作表情。

5、SVG

SVG是一種矢量圖，在現(xiàn)在來說，得到的支持是很可觀的。矢量圖比位圖一個天生的有點，就是它不管放多大都不會模糊。這種格式的圖片，對一些簡單的線條、 形狀表現(xiàn)是很不錯的，如果表達(dá)更復(fù)雜的圖像（如照片），那這個就會變的太復(fù)雜。SVG能夠支持動畫（SVG的動畫特性不能被IE瀏覽器很好的支持），以前的flash那樣，還支持css樣式的一些修改。我們現(xiàn)在網(wǎng)頁上的很多icon圖標(biāo)都是使用這個的，svg也能夠把多個SVG組合起來?？傮w來說，SVG還是一個比較看好的技術(shù)。

瀏覽器中，對于圖片的技術(shù)更新一直突破，其較于文字來說唯一缺點就是體積太大，但圖片的表現(xiàn)力是文字無法比擬的，也相信圖片會越來越好吧。關(guān)于web上位圖的技術(shù)還有一個是database64，這個是可以把的圖片轉(zhuǎn)化成為16位的代碼直接插入web中。

	壓縮方式	單張圖能支持顏色種類	是否支持透明度	是否支持動畫	兼容情況
GIF	無損壓縮	256	是	是	基本通用
JPEG	有損壓縮	1600萬以上	否	否	基本通用
PNG	無損壓縮	1600萬以上	是	否	基本通用
APNG	無損壓縮	1600萬以上	是	是	Firefox51++ Chrom59++ iOS Sarfi9.3++
webP	有損壓縮	1600萬以上	是	是	Opera 44++ Chrom 45++
SVG	矢量圖	1600萬以上	是	是	除了IE8以及以下， 現(xiàn)在各主瀏覽器都支持

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章標(biāo)題：web上種圖片應(yīng)用的優(yōu)缺點-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://aaarwkj.com/article16/dpghdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、品牌網(wǎng)站建設(shè)、搜索引擎優(yōu)化、App開發(fā)、網(wǎng)頁設(shè)計公司、全網(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)