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