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