#F5F5F5

攝影

WebP 檔案

Google 以縮減線上影像的檔案大小為目標,開發出 WebP 檔案格式。透過顯著縮減相片和圖形大小,網頁就能加快載入速度,提供更優質的使用者體驗。進一步了解 WebP 檔案格式的運作方式。

探索 Creative Cloud

WebP marquee image

https://main--cc--adobecom.hlx.page/cc-shared/fragments/seo-articles/get-started-notification-blade

什麼是 WebP 檔案?

Google 以加快網路的載入速度為目標,推出 WebP 檔案格式。WebP 格式可用於網站上顯示高品質影像,但檔案大小遠低於 PNGJPEG 等傳統格式。

您可以選擇以不失真或失真壓縮方式儲存 WebP 檔案。換句話說,您可以壓縮影像但不失去資料,或只損失「部分」非必要的資訊。根據 Google 開發人員說明,不失真 WebP 影像檔案最多可以比 PNG 小 26%。

辨認 WebP 影像的方法很簡單,只要留意副檔名是否為 .WEBP 即可。

WebP 檔案的歷史

WebP 於 2010 年推出,是一種相對較新的檔案格式。其原始設計概念來自 On2 Technologies 公司,該公司後來由 Google 收購。

每個 WebP 檔案都包含 VP8 或 VP8L 影像資料。隨著時間,檔案格式也因應日新月異的消費者習慣和數位趨勢而持續發展。Google 在 2011 年新增支援動畫與透明度,此格式現在也與 Google 自家以外的產品相容。

Google Chrome 已原生支援 WebP 檔案,其他網頁瀏覽器 (例如 Firefox、Edge 和 Opera) 也支援此格式。另外,網頁開發人員和設計師也很適合將 PNG 和 JPEG 檔案先轉換成 WebP,藉此加快網頁載入速度。

如何使用 WebP 檔案

WebP 是完全為網路打造的檔案類型。主要用途包括:

減少網站影像大小

在網站影像的應用方面,WebP 致力在品質和實用性之間取得平衡。透過預測編碼輔助,WebP 檔案能夠以不影響外觀品質的方式壓縮相片及圖形。此外,較小的影像檔案也有助紓解寬頻上網的連線負載、加快網站瀏覽速度,進而改善網頁體驗。

支援線上動畫

儘管 GIF 長久以來是迷因和其他簡易線上動畫的主要使用格式,但 WebP 檔案仍是可用的替代格式。Google 的資料顯示,包含動畫內容的 WebP 的檔案遠小於 GIF,需要的位元組較少。

探索更多有關點陣檔案類型的內容

WebP 檔案的優缺點

在開始使用這種檔案格式前,建議您先了解 WebP 的優缺點。

WebP 檔案的優點

  • 載入速度快的網頁可以提供更優質的使用者體驗,甚至提高網站在搜尋引擎中的排名。反之,網站影像載入的速度如果緩慢,正在搜尋產品或服務的用戶就有可能轉往其他網站。
  • WebP 格式與多種網頁瀏覽器高度相容,包括 Google Chrome、Microsoft Edge 和 Mozilla Firefox。
  • WebP 可將網站影像壓縮成更容易管理的檔案大小,節省更多商用儲存空間。

WebP 檔案的缺點

  • WebP 檔案格式主要針對網路設計,因此以離線方式使用影像時,這種格式不見得實用。
  • 雖然 WebP 格式具有廣泛相容性,但部分舊版瀏覽器 (例如 Internet Explorer) 對此影像格式的支援效果可能不如新版瀏覽器。
  • 即使少量壓縮也會降低影像的品質。如果您要與專業攝影師合作處理高品質影像,請多留意這一點。
section-metadata
background

#F5F5F5

如何開啟 WebP 檔案

相較於內建的相片應用程式,網頁瀏覽器可以更快速開啟及檢視 WebP 影像。

在開啟 WebP 檔案前,請先確認您有相容瀏覽器。準備就緒後,請開啟儲存 WebP 檔案的資料夾並按兩下該檔案。影像就會自動在預設瀏覽器中開啟。

另外,您也可以將現有檔案 (例如 PNG 和 JPEG) 轉換成 WebP 格式。您可以在網路上找到種類豐富的轉換工具。

如何建立和編輯 WebP 檔案

您可能需要外掛程式才能使用 Adobe Photoshop 建立和編輯 WebP 檔案。在裝置上安裝相容且信任的外掛程式之後,請按照下列步驟操作:

  • 使用 Photoshop 建立或編輯影像,然後按一下「另存新檔」。
  • 使用「格式」選單將檔案儲存為 WebP 格式。
  • 為新的 WebP 檔案輸入名稱,然後選擇儲存位置並按一下「儲存」。
  • 設定面板隨即顯示,提供您更多的檔案編輯選項。

WebP 檔案:常見問答

WebP 與 JPEG 檔案之間有何差異?

兩種檔案類型都會壓縮影像,以便更輕鬆地分享和儲存影像。但是,WebP 檔案通常比傳統的 JPEG 小很多。根據 Google 開發人員的說明,失真壓縮的 WebP 影像比相似的 JPEG 檔案小了 25% 至 34%。

WebP 相容於所有的瀏覽器嗎?

經過多年的研發更新,大部分網頁瀏覽器都支援使用 WebP 格式。不過,部分瀏覽器 (例如 Internet Explorer) 的支援效果可能不盡理想。因此,建議您隨時查看 Google 最新版相容性清單,

WebP 是開放原始碼檔案格式嗎?

WebP 為開放程式碼格式,因此所有使用者都可以調整及改善此格式。自 2010 年推出以來, Google 開發人員一直積極鼓勵使用者參改進此檔案格式。

WebP 影像有尺寸上限嗎?

WebP 影像的尺寸上限為 16,383 x 16,383 像素。這可能是您為網站或其他平台新增 WebP 影像之前,需要考量的因素。

WebP 影像是點陣還是向量檔案?

WebP 影像是一種點陣檔案。點陣是兩種主要影像檔案類別之一,另一種稱為向量檔案。兩者之間的主要差異是點陣檔案包含個別像素;而向量圖型則包含數學方程式和路徑。請參閱我們的點陣與向量的比較相關指南,以取得更多資訊。

https://main--cc--adobecom.hlx.page/cc-shared/fragments/seo-articles/do-more-photoshop-color-blade

https://main--cc--adobecom.hlx.page/cc-shared/fragments/discovery-hub/products-photoshop-segment-blade