關(guān)于圖片格式，大家或多或少都能說(shuō)出一兩種來(lái)，平時(shí)寫(xiě)代碼的時(shí)候也不時(shí)會(huì)用到不同格式的圖片。但是我們?cè)诰唧w使用過(guò)程中，為了達(dá)到最佳的用戶(hù)體驗(yàn)，我們需要根據(jù)不同的環(huán)境來(lái)選擇不同格式的圖片。這篇文章將為大家介紹一下常見(jiàn)的圖片格式的特點(diǎn)。

臨洮ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書(shū)合作）期待與您的合作！

矢量圖與位圖

首先，我們先來(lái)說(shuō)一說(shuō)矢量圖和位圖。所有的圖片都可以劃分到這種類(lèi)別中的一個(gè)去。

我們平時(shí)畫(huà)圖的時(shí)候可以通過(guò)點(diǎn)線面這些幾何特征明顯的要素畫(huà)圖，像這樣的。

也可以用許多點(diǎn)來(lái)構(gòu)成圖畫(huà)，類(lèi)似這樣。

而同樣，我們的電腦在顯示圖片的時(shí)候也可以分為兩種——矢量圖和位圖。

矢量圖是通過(guò)組成圖形的一些基本元素，如點(diǎn)、線、面，邊框，填充色等信息通過(guò)計(jì)算的方式來(lái)顯示圖形的。就好比我們?cè)趲缀螌W(xué)里面描述一個(gè)圓可以通過(guò)它的圓心位置和半徑來(lái)描述，當(dāng)然還可以通過(guò)邊框的粗細(xì)、顏色以及填充的顏色等數(shù)據(jù)去描述它的樣式。而電腦在顯示的時(shí)候則通過(guò)這些數(shù)據(jù)去繪制出我們定義的圖像。

矢量圖的優(yōu)點(diǎn)在于文件相對(duì)較小，并且放大縮小不會(huì)失真。缺點(diǎn)則是這些完美的幾何圖形很難表現(xiàn)自然度高的寫(xiě)實(shí)圖像。

位圖又叫像素圖或柵格圖，它是通過(guò)記錄圖像中每一個(gè)點(diǎn)的顏色、深度、透明度等信息來(lái)存儲(chǔ)和顯示圖像。一張位圖就好比一幅大的拼圖，只不過(guò)每個(gè)拼塊都是一個(gè)純色的像素點(diǎn)，當(dāng)我們把這些不同顏色的像素點(diǎn)按照一定規(guī)律排列在一起的時(shí)候，就形成了我們所看到的圖像。所以當(dāng)我們放大一幅像素圖時(shí)，能看到這些拼片一樣的像素點(diǎn)（如下圖）。

位圖的優(yōu)點(diǎn)是利于顯示色彩層次豐富的寫(xiě)實(shí)圖像。缺點(diǎn)則是文件大小較大，放大和縮小圖像會(huì)盡管我們?cè)趙eb頁(yè)面中所使用的JPG、PNG、GIF格式的圖像都是位圖，即他們都是通過(guò)記錄像素點(diǎn)的數(shù)據(jù)來(lái)保存和顯示圖像，但這些不同格式的圖像在記錄這些數(shù)據(jù)時(shí)的方式卻不一樣，這就是涉及到有損壓縮和無(wú)損壓縮的區(qū)別——是否失真。

我們?cè)趙eb頁(yè)面上所使用的圖像都是位圖，即便有些稱(chēng)為矢量圖形（如矢量icon等）也是指通過(guò)矢量工具進(jìn)行繪制然后再轉(zhuǎn)成位圖格式在web上使用的（區(qū)別于像素繪制的圖形）。

有損壓縮和無(wú)損壓縮

接著，我們聊聊有損壓縮和無(wú)損壓縮。

有損壓縮，在臺(tái)灣、港澳又稱(chēng)作破壞性資料壓縮，

有損數(shù)據(jù)壓縮方法是經(jīng)過(guò)壓縮、解壓的數(shù)據(jù)與原始數(shù)據(jù)不同但是非常接近的壓縮方法。有損數(shù)據(jù)壓縮又稱(chēng)破壞型壓縮，即將次要的信息數(shù)據(jù)壓縮掉，犧牲一些質(zhì)量來(lái)減少數(shù)據(jù)量，使壓縮比提高。通俗點(diǎn)說(shuō)，有損壓縮就是在存儲(chǔ)圖像的時(shí)候并不完全真實(shí)的記錄圖像上每個(gè)像素點(diǎn)的數(shù)據(jù)信息，它會(huì)根據(jù)人眼觀察現(xiàn)實(shí)世界的特性（人眼對(duì)光線的敏感度比對(duì)顏色的敏感度要高，生物實(shí)驗(yàn)證明當(dāng)顏色缺失時(shí)人腦會(huì)利用與附近最接近的顏色來(lái)自動(dòng)填補(bǔ)缺失的顏色）對(duì)圖像數(shù)據(jù)進(jìn)行處理，去掉那些圖像上會(huì)被人眼忽略的細(xì)節(jié)，然后使用附近的顏色通過(guò)漸變或其他形式進(jìn)行填充。這樣既能大大降低圖像信息的數(shù)據(jù)量，又不會(huì)對(duì)圖像的還原效果有較大影響。

相對(duì)有損壓縮而言，無(wú)損壓縮則會(huì)真實(shí)的記錄圖像上每個(gè)像素點(diǎn)的數(shù)據(jù)信息，但為了壓縮圖像文件的大小會(huì)采取一些特殊的算法。無(wú)損壓縮的壓縮原理是先判斷圖像上哪些區(qū)域的顏色是相同的，哪些是不同的，然后把這些相同的數(shù)據(jù)信息進(jìn)行壓縮記錄，（例如一片藍(lán)色的天空之需要記錄起點(diǎn)和終點(diǎn)的位置就可以了），而把不同的數(shù)據(jù)另外保存（例如天空上的白云和漸變等數(shù)據(jù)）。就像下圖所示的一樣，壓縮軟件將每一種顏色進(jìn)行編號(hào)，然后對(duì)像素點(diǎn)的顏色進(jìn)行歸類(lèi)，記錄下哪種顏色出現(xiàn)在哪個(gè)像素點(diǎn)上，這樣既壓縮了存儲(chǔ)空間，在還原圖片時(shí)也不會(huì)影響圖片質(zhì)量。

Jpg（JPEG），GIF和png三種圖片格式

我們平時(shí)接觸和使用得最多的就是JPG、GIF和PNG這三種格式了。

JPG（JPEG）

聯(lián)合照片專(zhuān)家組（外語(yǔ)簡(jiǎn)稱(chēng)JPEG外語(yǔ)全稱(chēng)：Joint Photographic ExpertGroup）也是最常見(jiàn)的一種圖像格式，它是由聯(lián)合照片專(zhuān)家組（外語(yǔ)全稱(chēng)：），文件后輟名為"．jpg"或"．jpeg"，是最常用的圖像文件格式。

JPG（JPEG）是我們最常見(jiàn)的采用有損壓縮對(duì)圖像信息進(jìn)行處理的圖片格式。JPG在存儲(chǔ)圖像時(shí)會(huì)把圖像分解成8*8像素的柵格（如下圖），然后對(duì)每個(gè)柵格的數(shù)據(jù)進(jìn)行壓縮處理，當(dāng)我們放大一幅圖像的時(shí)候，就會(huì)發(fā)現(xiàn)這些8*8像素柵格中很多細(xì)節(jié)信息被去除，而通過(guò)一些特殊算法用附近的顏色進(jìn)行填充（為了讓大家看得更清楚我將圖像的壓縮比率調(diào)到很低）。這也是為什么我們用JPG存儲(chǔ)圖像有時(shí)會(huì)產(chǎn)生塊狀模糊的原因。

JPG（JPEG）格式的優(yōu)缺點(diǎn)：

優(yōu)點(diǎn)：

攝影作品或?qū)憣?shí)作品支持高級(jí)壓縮。

利用可變的壓縮比可以控制文件大小。

支持交錯(cuò)（對(duì)于漸近式JPG（JPEG）文件）。

JPG（JPEG） 廣泛支持 Internet 標(biāo)準(zhǔn)。

缺點(diǎn)：

有損耗壓縮會(huì)使原始圖片數(shù)據(jù)質(zhì)量下降。

當(dāng)我們編輯和重新保存JPG（JPEG）文件時(shí)，JPG（JPEG）會(huì)混合原始圖片數(shù)據(jù)的質(zhì)量下降。這種下降是累積性的。

JPG（JPEG） 不適用于所含顏色很少、具有大塊顏色相近的區(qū)域或亮度差異十分明顯的較簡(jiǎn)單的圖片。

GIF

圖形交換格式（外語(yǔ)簡(jiǎn)稱(chēng)：、外語(yǔ)全稱(chēng)：），是CompuServe公司在 1987年開(kāi)發(fā)的圖像文件格式。GIF格式，是為使圖片能夠應(yīng)用在在線應(yīng)用程序上所特別開(kāi)發(fā)的圖片格式。Gif，有時(shí)也被稱(chēng)為為“Giff”，是一種無(wú)損，8位圖片格式。“無(wú)損”是指100%的保持原始圖片的像素?cái)?shù)據(jù)信息?！?位”是指，所能表現(xiàn)的顏色深度——一個(gè)8位圖像僅最多只能支持256種不同顏色（一個(gè)多余256種顏色的圖片若用gif圖片保存會(huì)出現(xiàn)失真）。

GIF格式有四大特性

透明特性：
GIF支持基本的透明特性，這意味著你能夠使圖片的某些像素“不可見(jiàn)”。在其被放置到網(wǎng)頁(yè)中時(shí)，我們就可以看到通過(guò)這些不可見(jiàn)區(qū)域看到此圖片后面的背景顏色（圖片）。此特性非常有用：如果你需要將某個(gè)gif圖片的內(nèi)容置于所有圖片的上層，你可以將其設(shè)置為透明。
壓縮特性：
GIF格式采用LZW算法進(jìn)行壓縮，此算法是Unisys申請(qǐng)的一項(xiàng)專(zhuān)利。在很久很久之前，如果你想使用GIF格式，那么就意味著你需要向Unisys付費(fèi)申請(qǐng)專(zhuān)利許可。不過(guò)值得高興的是，此項(xiàng)專(zhuān)利技術(shù)已于2003年6月20日過(guò)期，我們現(xiàn)在使用GIF是完全免費(fèi)的。
快速加載：
GIF同時(shí)也支持隔行掃描。隔行掃描能夠令圖片在瀏覽器中更快的加載和顯示。此特性對(duì)于那些慢網(wǎng)速的瀏覽者來(lái)說(shuō)尤其實(shí)用。
動(dòng)畫(huà)GIF：
一個(gè)動(dòng)態(tài)的GIF文件，是由若干幀圖片所聯(lián)結(jié)而成的動(dòng)態(tài)圖片。在顯示時(shí)，這些動(dòng)態(tài)幀被反復(fù)的繪制讀取出來(lái)從而形成了簡(jiǎn)單的動(dòng)畫(huà)效果。

PNG

前面說(shuō)過(guò)，以前使用GIF格式是要收錢(qián)的，那不想給錢(qián)怎么辦？于是用來(lái)代替GIF格式的便攜式網(wǎng)絡(luò)圖形（外語(yǔ)簡(jiǎn)稱(chēng)PNG、外語(yǔ)全稱(chēng)：Portable Network Graphics）就應(yīng)運(yùn)而生了。PNG格式，初始時(shí)被作為GIF的免費(fèi)替代格式所開(kāi)發(fā)，采用公共專(zhuān)利壓縮算法。PNG目前有PNG8和PNG24兩種格式，不過(guò)PNG最多可以支持48位通道。PNG8最多只能索引256種顏色，所以對(duì)于顏色較多的圖像不能真實(shí)還原；PNG24則可以保存1600多萬(wàn)種顏色，基本能夠真實(shí)還原我們?nèi)祟?lèi)肉眼所可以分別的所有顏色.。

1、能在保證最不失真的情況下盡可能壓縮圖像文件的大小。

2、PNG用來(lái)存儲(chǔ)灰度圖像時(shí)，灰度圖像的深度可多到16位，存儲(chǔ)彩×××像時(shí)，彩×××像的深度可多到48位，并且還可存儲(chǔ)多到16位的α通道數(shù)據(jù)。

3、對(duì)于需要高保真的較復(fù)雜的圖像，PNG雖然能無(wú)損壓縮，但圖片文件較大，不適合應(yīng)用在Web頁(yè)面上。

JPG、PNG、GIF使用對(duì)比

這里只是介紹了一些常見(jiàn)的圖片格式的情況，在維基百科里有詳細(xì)的圖片格式的介紹，有興趣可以去看看。

https://zh.wikipedia.org/wiki/%E5%9B%BE%E5%BD%A2%E6%96%87%E4%BB%B6%E6%A0%BC%E5%BC%8F%E6%AF%94%E8%BE%83

如果大家還想繼續(xù)深入地了解一下圖片格式的一些具體的算法實(shí)現(xiàn)，可以去看看

《bmp/gif/jpg圖象最底層原理分析》

http://www.cnblogs.com/glaivelee/archive/2011/10/10/2205151.html

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

文章標(biāo)題：圖片格式中的小較真-創(chuàng)新互聯(lián)
本文路徑：http://www.rwnh.cn/article18/ccjgdp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、網(wǎng)站排名、動(dòng)態(tài)網(wǎng)站、做網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)