這篇文章要教大家在 Photoshop 軟體中使用最新一代的 WebP 圖片檔案格式，透過 Google 所提供的 WebPShop 外掛程式，讓 Photoshop 能支援開啟、編輯、儲存 WebP 圖片檔案格式。
WebP 圖片格式是什麼？
WebP 是由 Google 所推出的圖片檔案格式，具有高壓縮容量、低失真以及與 PNG 檔一樣有透明特性，無論是容量壓縮比以及失真比皆優於 JPG、PNG 圖片檔案格式，能有效降低網頁載入與下載圖片的時間，非常適合用於網頁圖片使用，也是目前 Google 最推薦用於網頁使用的圖片檔案格式。
Photoshop 支援 WebP 圖片格式說明
在 Photoshop 23.2 以上版本中已內建支援 WebP 圖片格式，可直接在 Photoshop 中開啟、編輯、儲存 WebP 圖片檔案格式。
但如果是使用 Photoshop 23.1 或以下版本要使用 WebP 圖片檔案格式，則需要額外安裝 WebPShop 外掛程式，才能開啟、編輯、儲存 WebP 圖片檔案格式。
接下來會介紹安裝 WebPShop 外掛程式方法與步驟，以便讓舊版 Photoshop 能支援 WebP 圖片檔案格式。
Photoshop 23.1 及以下版本安裝 WebP 圖片格式外掛程式步驟
WebPShop 外掛程式介紹與取得方法
- 外掛程式：WebPShop
- 發行商：Google
- 用途：讓 Photoshop 支援使用 WebP 圖片檔案格式
- 原始碼模式：開放原始碼（Open Source）
- 使用授權：免費
- 許可證：Apache 2.0 授權
- 說明頁面：頁面連結
- GitHub 專案頁面：頁面連結
- 下載頁面：頁面連結
進入 GitHub 專案下載頁面，點擊「WebPShop_x_x_x_Win_x64.8bi」進行下載（如下圖所示）。
Photoshop 安裝 WebPShop 外掛程式步驟
將所下載的「WebPShop_x_x_x_Win_x64.8bi」檔放置在「共用 Creative Cloud 位置」中，以下放置路徑說明（如下圖所示）。
Windows 路徑：
C:\Program Files\Common Files\Adobe\Plug-Ins\CC
macOS 路徑：
/Library/Application Support/Adobe/Plug-Ins/CC
Photoshop 儲存 WebP 圖片格式教學
在存檔時在「檔案名稱」中選擇「WebPShop(*.WEBP,*.WEBP)」，即可將圖片儲存為 WebP 圖片檔案格式（如下圖所示）。
根據需求可分別設定 WebP 圖片檔案格式的「圖片品質」、「圖片壓縮」以及「中繼資料」設定，設定完畢點擊「OK」即可存檔，以下設定說明（如下圖所示）。
- Quality（圖片品質）：設定圖片品質，數字越大，則表示圖片品質越好，容量越大；反之，數字越小，圖片品質越差，容量則越小。
- Compression（圖片壓縮）：可選擇以下設定值：
- Fastest：低壓縮率，因此圖片容量比較大。
- Default：圖片容量不經過壓縮。
- Slowest：高壓縮率，因此圖片容量比較小。
- Metadata（中繼資料）：可選擇以下設定值：
- Keep EXIF：保留「EXIF」中繼資料資訊。
- Keep XMP：保留「XMP」中繼資料資訊。
- Preview（圖片預覽）：開啟後可預覽圖片。
- ※如有發現掉圖或檔案無法下載，請由回應區留言告知，將會盡速處理！
- ※歡迎分享本篇文章網址給需要的朋友。
- ※本篇文章著作所有權皆屬於「科技阿宅王」網站所有，引用文章時請來信索取授權，否則將保留法律追訴權，謝謝。
您可能會有興趣的文章：
![[CSS Flex 布局排版教學] 網頁設計排版必學神器](https://www.tokfun.net/wp-content/uploads/2023/09/css-flex-box-layout-300x180.png "[CSS Flex 布局排版教學] 網頁設計排版必學神器")
[CSS Flex 布局排版教學] 網頁設計排版必學神器
![[圖片轉檔] WebP 轉 JPG、PNG 5 種方法完整教學](https://www.tokfun.net/wp-content/uploads/2022/03/webp-to-jpg-300x180.png "[圖片轉檔] WebP 轉 JPG、PNG 5 種方法完整教學")
[圖片轉檔] WebP 轉 JPG、PNG 5 種方法完整教學
![[WordPress SEO 優化排名外掛] Rank Math SEO 完整使用與設定教學](https://www.tokfun.net/wp-content/uploads/2023/07/rank-math-seo-300x180.png "[WordPress SEO 優化排名外掛] Rank Math SEO 完整使用與設定教學"){kind=icon}
[WordPress SEO 優化排名外掛] Rank Math SEO 完整使用與設定教學
Cloudways 雲端主機教學〈10 分鐘輕鬆架設好 WordPress 網站〉
【網頁設計 | 網站架設】基礎概念完整教學
![[VPN 推薦] 2024 精選人氣 VPN 評價介紹與比較](https://www.tokfun.net/wp-content/uploads/2022/09/vpn-review-300x180.png "[VPN 推薦] 2024 精選人氣 VPN 評價介紹與比較")
[VPN 推薦] 2024 精選人氣 VPN 評價介紹與比較
![[Photoshop 教學] 3 步驟一鍵快速圖片去背教學](https://www.tokfun.net/wp-content/uploads/2024/02/photoshop-one-click-remove-background-300x180.png "[Photoshop 教學] 3 步驟一鍵快速圖片去背教學")
[Photoshop 教學] 3 步驟一鍵快速圖片去背教學
![[Photoshop教學]馬賽克濾鏡教學](https://www.tokfun.net/wp-content/uploads/2020/09/photoshop-filter-mosaic-300x180.png "[Photoshop教學]馬賽克濾鏡教學")
[Photoshop教學]馬賽克濾鏡教學
VideoProc Converter〈影片下載、影片剪輯轉檔、螢幕錄影、DVD 轉檔〉多功能軟體
![[影片製作] FlexClip 免費線上影片編輯工具，5 分鐘製作好精美影片](https://www.tokfun.net/wp-content/uploads/2022/10/flexclip-300x180.png "[影片製作] FlexClip 免費線上影片編輯工具，5 分鐘製作好精美影片")
[影片製作] FlexClip 免費線上影片編輯工具，5 分鐘製作好精美影片