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