一場技術(shù)大戰(zhàn)就在我們眼皮底下上演。不是機器人骨架類型，而是最被接受的格式類型，類似于 Playstation 與 Xbox 或 Betamax 與 VHS。這場特殊的格式戰(zhàn)爭涉及到我們所有人，您可能在不知不覺中就已經(jīng)看到了它的戰(zhàn)斗人員。我們正在談?wù)撓乱淮W(wǎng)絡(luò)圖像格式，而目前 WebP 正在領(lǐng)先。但這只會引發(fā)更多問題，即“什么是 WebP？” 和“JPEG有什么問題？”

成都創(chuàng)新互聯(lián)公司2013年至今，先為鶴慶等服務(wù)建站，鶴慶等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為鶴慶企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

WebP 圖像格式最近成為了一個熱門話題。它被越來越多的設(shè)備所接受——這讓競爭對手 JPEG 2000 和 JPEG XR 感到非常懊惱——并且有望成為新的默認(rèn) Web 圖像格式。盡管有所有令人費解的技術(shù)細(xì)節(jié)，但對于任何在網(wǎng)上發(fā)布圖片的人來說，WebP 都是一件大事。

因此，在本指南中，我們將解釋您需要了解的所有內(nèi)容、它是什么、如何使用它以及為什么要關(guān)心它。我們將解釋 WebP 的優(yōu)缺點，然后向您展示如何轉(zhuǎn)換其他圖像格式。

什么是 WebP？

—

撇開最近的熱議不談，WebP（俗稱“weppy”）實際上已經(jīng)很老了。它于 2010 年首次宣布，此后一直在升級和改進，直到目前的狀態(tài)。它最近成為一個熱門話題，因為它在下一代圖像格式大戰(zhàn)中處于領(lǐng)先地位：截至撰寫本文時，它已在 Chrome、Microsoft Edge、Firefox、Opera 和最近的 Safari 上得到支持。

要真正了解 WebP 的獨特之處，首先要了解所有圖像文件格式及其差異。但是為了加快本文的進度，我們將直接跳到 WebP 的主要賣點，壓縮。

如果您不熟悉該術(shù)語，則壓縮是指將文件的數(shù)據(jù)編碼為比原始數(shù)據(jù)更少的位或數(shù)字?jǐn)?shù)據(jù)片段。壓縮有兩種主要類型：無損（圖像質(zhì)量隨著數(shù)據(jù)大小的下降而保持不變）和有損（圖像質(zhì)量隨著數(shù)據(jù)大小的顯著下降而略有下降）。如果您想知道如何在不影響質(zhì)量的情況下減小文件大小的“魔力”，本指南解釋得很好。

簡而言之，WebP 圖像通常比它們的對應(yīng)圖像更小，但質(zhì)量相同，這要歸功于其卓越的壓縮。這意味著為您自己的網(wǎng)站使用 WebP 圖像（通常）會使其運行得更快并同時減少您的數(shù)據(jù)存儲。

小了多少？根據(jù)數(shù)據(jù)，WebP 無損壓縮比 PNG小 26% ，有損壓縮比 JPEG小 25-34% 。對于使用大量圖片的網(wǎng)站，切換可能會產(chǎn)生重大影響并減少寶貴的幾毫秒加載時間，尤其是在移動設(shè)備上。

WebP 的另一個主要優(yōu)勢是它的多功能性——它結(jié)合了透明度和動畫。這很重要，因為通常您找不到相同格式的這些功能：在 WebP 之前，您必須將 PNG 用于透明背景，將 GIF 用于動畫，并且不能同時支持兩者。

出色的性能，確實為 WebP 成為新的默認(rèn) Web 文件格式鋪平了道路。

WebP 的優(yōu)缺點

——

令人印象深刻的是，WebP 還沒有準(zhǔn)備好成為“唯一”?，F(xiàn)在，看看 WebP 的優(yōu)缺點，看看它是否適合您和您的需求。

優(yōu)點

更快的加載時間——由于文件更小，帶有 WebP 圖像的頁面加載速度更快。這極大地提升了網(wǎng)站的樂趣：根據(jù) Website Builder Expert的說法，加載的每一秒延遲都會降低 16% 的訪問者滿意度，如果沒有在 4 秒內(nèi)加載，四分之一的訪問者會完全放棄您。

更少的媒體存儲——WebP 的增強壓縮也意味著更少的存儲空間。這對于托管大量圖像的網(wǎng)站至關(guān)重要，甚至可以為您節(jié)省網(wǎng)絡(luò)托管費用。

透明度和動畫——正如我們上面提到的，WebP 是唯一支持 PNG 的透明背景和 GIF 的動畫功能的圖像格式，更不用說它勝過 JPEG 的壓縮。

缺點

并非所有瀏覽器都支持——盡管 WebP 在瀏覽器中占有最大份額，但仍有一些不支持它（Internet Explorer 采用它的速度很慢，這是 Internet Explorer 的品牌）。有一種解決方法涉及在 HTML 中創(chuàng)建后備圖像，但是創(chuàng)建一個完整的其他文件作為備份有時會抵消您首先使用 WebP 節(jié)省的所有額外存儲空間。

質(zhì)量仍然下降——與其說是 WebP 的劣勢不如說是所有有損壓縮的劣勢，你的圖像質(zhì)量仍然下降。對于大多數(shù)人來說，這個數(shù)量可以忽略不計，但對于像攝影或平面設(shè)計作品集這樣的視覺網(wǎng)站，你希望你的視覺質(zhì)量達到最大。

結(jié)論：WebP 追蹤

——

考慮到對加載時間的巨大影響，幾乎任何網(wǎng)站或社交媒體都可以從 WebP 格式中受益。正如我們在 WebP 的優(yōu)缺點中提到的，一個明顯的危險信號是并非所有瀏覽器都使用它——請務(wù)必仔細(xì)檢查您的使用分析，以查看您的訪問者喜歡哪些瀏覽器以及切換到 WebP 是否會影響他們。

如果您仍然不確定哪種圖像格式適合您，您可以隨時聘請專業(yè)的網(wǎng)頁設(shè)計師為您處理。只要提到網(wǎng)站速度和加載時間是一個高優(yōu)先級，他們就會從那里開始。

更多專業(yè)網(wǎng)站設(shè)計知識，可以咨詢”創(chuàng)新互聯(lián)“，我們樂于跟您分享。