建立 WebP 圖片

WebP 是 Google 發行的一種圖片檔案格式,能同時提供如同 JPEG 的破壞性資料壓縮 (有損壓縮) 及比照 PNG 的透明度,且相比上述兩者還有更好的壓縮效果。Android 4.0 (API 層級 14) 以上版本可支援有損 WebP 圖片檔;Android 4.3 (API 層級 18) 以上版本可支援無損和透明的 WebP 圖片檔。本頁說明如何將圖片轉換為 WebP 格式,以及如何將 WebP 圖片轉換成 PNG 格式。

如要進一步瞭解如何選取正確的圖片格式來提升下載速度,請參閱「縮減圖片下載大小」。

將圖片轉換為 WebP

Android Studio 可將 PNG、JPG、BMP 或靜態 GIF 圖片轉換成 WebP 格式。您可以轉換個別圖片或圖片資料夾。

如要轉換圖片或圖片資料夾,請按照下列步驟操作:

  1. 在圖片檔或含有圖片檔的資料夾上按一下滑鼠右鍵,然後點選「Convert to WebP」
  2. 系統會開啟「Converting Images to WebP」對話方塊。預設設定取決於當前模組的 minSdkVersion 設定。


    「Converting Images to WebP」對話方塊
    圖 1:「Converting Images to WebP」對話方塊。
  3. 選取有損或無損編碼。

    只有在 minSdkVersion 設為 API 18 以上時,才能使用無損編碼。

    如果選取有損編碼,請設定編碼品質,然後選擇是否在儲存前預覽每張轉換後的圖片。

    若任何檔案發生編碼版本大於原始檔的情況,或者具有透明度或 Alpha 通道,您也可以選擇略過這類檔案的轉換程序。由於只有在 minSdkVersion 設為 18 以上時,才能透過 Android Studio 建立透明 WebP 圖片,因此如果 minSdkVersion 低於 18,系統就會自動勾選「Skip images with transparency/alpha channel」核取方塊。

    注意:9-patch 檔案無法轉換成 WebP 圖片。轉換工具一律會自動略過 9-patch 圖片。

  4. 按一下「OK」即可開始轉換。

    轉換是單一步驟,因此您在轉換多張圖片時,可以選擇一次復原已轉換的所有圖片。

    如果您選取了無損轉換,系統將立即執行這項程序,圖片會在原始位置轉換格式。若您選取的是有損轉換,請繼續進行下一個步驟。

  5. 如果您選取了有損轉換,並選擇在儲存前預覽每張轉換後的圖片,Android Studio 就會在轉換期間顯示所有圖片,方便您查看結果。您可以在預覽步驟中分別調整各圖片的品質設定,如圖 2 所示。

    如果您並未選擇要預覽轉換後的圖片,Android Studio 會略過這個步驟,並立即轉換圖片。

    JPG 圖片轉換成編碼品質為 75% 的 WebP 格式
    圖 2:預覽畫面顯示 JPG 圖片轉換成編碼品質為 75% 的 WebP 格式。

    圖 2 左側為原始 JPG 圖片,右側是有損編碼後的 WebP 圖片。對話方塊會顯示原始圖片和轉換後圖片的檔案大小。向左或向右拖曳滑桿即可變更品質設定,並即時查看編碼後圖片和檔案大小受到的影響。

    中間區域會顯示原始圖片與編碼後圖片的像素差異。圖 2 中的編碼品質設為 75%,這兩張圖片幾乎沒有差異。圖 3 為同一張圖片將編碼品質設為 0% 的情形。

    JPG 圖片轉換成編碼品質為 0% 的 WebP 格式
    圖 3:預覽畫面顯示 JPG 圖片轉換成編碼品質為 0% 的 WebP 格式。

    注意:如果編碼品質設為 100%,且 minSdkVersion 設為 API 18 以上,Android Studio 會自動切換成無損編碼。

    選定每一張圖片的目標畫質。如要轉換多張圖片,請按一下「Next」前往下一張。

  6. 按一下「Finish」。圖片會在原始位置轉換格式。

將 WebP 圖片轉換為 PNG 檔

如果想將專案中的 WebP 圖片用於其他用途 (例如需要在不支援 WebP 的瀏覽器中於網頁上正確顯示圖片),您可以透過 Android Studio 將 WebP 圖片轉換成 PNG 格式。

如要將 WebP 圖片轉換成 PNG 格式,請按照下列步驟操作:

  1. 在 Android Studio 中的 WebP 圖片上按一下滑鼠右鍵,然後點選「Convert to PNG」
  2. 畫面上會出現對話方塊,詢問您想在轉換後刪除原始 WebP 檔案,還是要一併保留該檔案和新的 PNG 檔。

    按一下「Yes」即可刪除原始 WebP 檔案,點選「No」則可一併保留 WebP 和 PNG 檔。圖片會立即轉換格式。