我們對JPG、GIF格式都比較熟悉。但是，對新出現(xiàn)的WebP格式還比較陌生。本文，我們將系統(tǒng)介紹與圖片文件格式相關(guān)的問題。

什么是圖片的文件格式？
 

相機拍攝出來的圖片往往文件很大，很占用儲存空間。怎么辦呢？就是對圖像進行壓縮，采用不同算法的壓縮方式，就是文件格式。如JPG文件和GIF文件，就是使用了兩種不同壓縮算法而得到的圖片。

網(wǎng)站設(shè)計與圖片格式的關(guān)系？

網(wǎng)站設(shè)計為何要考慮圖像格式呢？有兩個原因。
網(wǎng)站設(shè)計需要考慮加載速度。按照這一要求，設(shè)計師應該盡量選擇可以將圖片壓縮的更小的算法。
網(wǎng)站設(shè)計需要考慮清晰度。按照這一要求，設(shè)計師還需要考慮壓縮的時候，不太影響圖片的清晰度。
如上兩個要求是矛盾的，設(shè)計師需要做的就是協(xié)調(diào)，即實現(xiàn)——較好的清晰度下的小容量。
而WebP格式就是為了解決這一矛盾的。

WebP圖像格式的簡要背景

WebP被Google稱為一種現(xiàn)代圖像格式，它的目的是讓網(wǎng)頁設(shè)計師和開發(fā)人員在為他們的用戶設(shè)計更好的體驗時更容易工作。由于互聯(lián)網(wǎng)非常注重圖像，因此對改進用戶體驗的關(guān)注集中在減少加載圖像所需的時間上。因此，最終用戶可以在不犧牲網(wǎng)站速度的情況下享受更高質(zhì)量的圖片。
這是因為這種類型的圖像依賴于兩種壓縮形式（通過使用比原始圖像更少的位來減小數(shù)據(jù)文件的大小）：有損壓縮和無損壓縮。
有損壓縮，也稱為不可逆壓縮，是指一種算法，通過這種算法，原始數(shù)據(jù)或圖像僅被近似地重建，同時仍然允許更好的壓縮率和更小的數(shù)據(jù)大小。
與此形成鮮明對比的是，無損壓縮正如其名稱所示，是一種在壓縮過程中不會犧牲任何東西的壓縮。換句話說，壓縮后的圖片或文件是對原始圖像的完美重建。
通過這些算法處理您在web上的圖像，可以確保您在web上瀏覽的圖像比您經(jīng)常遇到的格式更美觀，尺寸更小，例如：JPEG格式和GIF格式。
為了便于比較，WebP無損圖像的大小將小于PNG圖像。與JPEG格式比較，WebP有損圖像的大小將縮小25%到34%。
僅從大小比較來看，這種Google格式為設(shè)計師和開發(fā)人員提供了一種比傳統(tǒng)格式大幅度減小的大小。這種縮小的大小意味著站點和瀏覽器必須減少加載圖像的強度，從而導致更快的加載時間和總體更快的用戶體驗。

WebP格式會成為主流嗎？

根據(jù)我們的觀點，一種圖像格式流行取決于三個因素。一是算法的優(yōu)劣，是否能夠滿足“即清晰又小”；其二是轉(zhuǎn)換便利，通過工具順利轉(zhuǎn)換為另一種格式；其三是支持范圍，如瀏覽器、操作系統(tǒng)是否支持這一圖像格式。
從如上三個條件看，WebP格式的圖像都是滿足的。
只有時間才能證明新的圖像格式是否會完全取代JPEG和PNG等舊格式。在這一點上可以肯定的是，設(shè)計師和開發(fā)人員喜歡使用WebP的原因與用戶喜歡訪問使用這一新標準的網(wǎng)站的原因是一樣的：觀看更清晰的圖像，并提供更全面、更快的web體驗。