一場(chǎng)技術(shù)大戰(zhàn)就在我們眼皮底下上演。不是機(jī)器人骨架類型，而是最被接受的格式類型，類似于 Playstation 與 Xbox 或 Betamax 與 VHS。這場(chǎng)特殊的格式戰(zhàn)爭(zhēng)涉及到我們所有人，您可能在不知不覺中就已經(jīng)看到了它的戰(zhàn)斗人員。我們正在談?wù)撓乱淮W(wǎng)絡(luò)圖像格式，而目前 WebP 正在領(lǐng)先。但這只會(huì)引發(fā)更多問題，即“什么是 WebP？” 和“JPEG有什么問題？”
WebP 圖像格式最近成為了一個(gè)熱門話題。它被越來越多的設(shè)備所接受——這讓競(jìng)爭(zhēng)對(duì)手 JPEG 2000 和 JPEG XR 感到非常懊惱——并且有望成為新的默認(rèn) Web 圖像格式。盡管有所有令人費(fèi)解的技術(shù)細(xì)節(jié)，但對(duì)于任何在網(wǎng)上發(fā)布圖片的人來說，WebP 都是一件大事。
因此，在本指南中，我們將解釋您需要了解的所有內(nèi)容、它是什么、如何使用它以及為什么要關(guān)心它。我們將解釋 WebP 的優(yōu)缺點(diǎn)，然后向您展示如何轉(zhuǎn)換其他圖像格式。
什么是 WebP？
—
撇開最近的熱議不談，WebP（俗稱“weppy”）實(shí)際上已經(jīng)很老了。它于 2010 年首次宣布，此后一直在升級(jí)和改進(jìn)，直到目前的狀態(tài)。它最近成為一個(gè)熱門話題，因?yàn)樗谙乱淮鷪D像格式大戰(zhàn)中處于領(lǐng)先地位：截至撰寫本文時(shí)，它已在 Chrome、Microsoft Edge、Firefox、Opera 和最近的 Safari 上得到支持。
要真正了解 WebP 的獨(dú)特之處，首先要了解所有圖像文件格式及其差異。但是為了加快本文的進(jìn)度，我們將直接跳到 WebP 的主要賣點(diǎn)，壓縮。
如果您不熟悉該術(shù)語(yǔ)，則壓縮是指將文件的數(shù)據(jù)編碼為比原始數(shù)據(jù)更少的位或數(shù)字?jǐn)?shù)據(jù)片段。壓縮有兩種主要類型：無損（圖像質(zhì)量隨著數(shù)據(jù)大小的下降而保持不變）和有損（圖像質(zhì)量隨著數(shù)據(jù)大小的顯著下降而略有下降）。如果您想知道如何在不影響質(zhì)量的情況下減小文件大小的“魔力”，本指南解釋得很好。
簡(jiǎn)而言之，WebP 圖像通常比它們的對(duì)應(yīng)圖像更小，但質(zhì)量相同，這要?dú)w功于其卓越的壓縮。這意味著為您自己的網(wǎng)站使用 WebP 圖像（通常）會(huì)使其運(yùn)行得更快并同時(shí)減少您的數(shù)據(jù)存儲(chǔ)。
小了多少？根據(jù)數(shù)據(jù)，WebP 無損壓縮比 PNG小 26% ，有損壓縮比 JPEG小 25-34% 。對(duì)于使用大量圖片的網(wǎng)站，切換可能會(huì)產(chǎn)生重大影響并減少寶貴的幾毫秒加載時(shí)間，尤其是在移動(dòng)設(shè)備上。
WebP 的另一個(gè)主要優(yōu)勢(shì)是它的多功能性——它結(jié)合了透明度和動(dòng)畫。這很重要，因?yàn)橥ǔＤ也坏较嗤袷降倪@些功能：在 WebP 之前，您必須將 PNG 用于透明背景，將 GIF 用于動(dòng)畫，并且不能同時(shí)支持兩者。
出色的性能，確實(shí)為 WebP 成為新的默認(rèn) Web 文件格式鋪平了道路。
WebP 的優(yōu)缺點(diǎn)
——
令人印象深刻的是，WebP 還沒有準(zhǔn)備好成為“唯一”?，F(xiàn)在，看看 WebP 的優(yōu)缺點(diǎn)，看看它是否適合您和您的需求。
優(yōu)點(diǎn)
更快的加載時(shí)間——由于文件更小，帶有 WebP 圖像的頁(yè)面加載速度更快。這極大地提升了網(wǎng)站的樂趣：根據(jù) Website Builder Expert的說法，加載的每一秒延遲都會(huì)降低 16% 的訪問者滿意度，如果沒有在 4 秒內(nèi)加載，四分之一的訪問者會(huì)完全放棄您。
更少的媒體存儲(chǔ)——WebP 的增強(qiáng)壓縮也意味著更少的存儲(chǔ)空間。這對(duì)于托管大量圖像的網(wǎng)站至關(guān)重要，甚至可以為您節(jié)省網(wǎng)絡(luò)托管費(fèi)用。
透明度和動(dòng)畫——正如我們上面提到的，WebP 是唯一支持 PNG 的透明背景和 GIF 的動(dòng)畫功能的圖像格式，更不用說它勝過 JPEG 的壓縮。
缺點(diǎn)
并非所有瀏覽器都支持——盡管 WebP 在瀏覽器中占有最大份額，但仍有一些不支持它（Internet Explorer 采用它的速度很慢，這是 Internet Explorer 的品牌）。有一種解決方法涉及在 HTML 中創(chuàng)建后備圖像，但是創(chuàng)建一個(gè)完整的其他文件作為備份有時(shí)會(huì)抵消您首先使用 WebP 節(jié)省的所有額外存儲(chǔ)空間。
質(zhì)量仍然下降——與其說是 WebP 的劣勢(shì)不如說是所有有損壓縮的劣勢(shì)，你的圖像質(zhì)量仍然下降。對(duì)于大多數(shù)人來說，這個(gè)數(shù)量可以忽略不計(jì)，但對(duì)于像攝影或平面設(shè)計(jì)作品集這樣的視覺網(wǎng)站，你希望你的視覺質(zhì)量達(dá)到最大。
結(jié)論：WebP 追蹤
——
考慮到對(duì)加載時(shí)間的巨大影響，幾乎任何網(wǎng)站或社交媒體都可以從 WebP 格式中受益。正如我們?cè)?WebP 的優(yōu)缺點(diǎn)中提到的，一個(gè)明顯的危險(xiǎn)信號(hào)是并非所有瀏覽器都使用它——請(qǐng)務(wù)必仔細(xì)檢查您的使用分析，以查看您的訪問者喜歡哪些瀏覽器以及切換到 WebP 是否會(huì)影響他們。
