Photoshop 開啟/編輯/儲存 WebP 圖片檔案格式教學

您所在的位置：网站首页 › webp怎么在ps打开 › Photoshop 開啟/編輯/儲存 WebP 圖片檔案格式教學

Photoshop 開啟/編輯/儲存 WebP 圖片檔案格式教學

2024-07-18 06:29:35| 来源: 网络整理| 查看: 265

首頁 » 軟體應用 » Photoshop » Photoshop 開啟/編輯/儲存 WebP 圖片檔案格式教學 » Photoshop 開啟/編輯/儲存 WebP 圖片檔案格式教學 Posted on 2024 年 2 月 12 日2024 年 2 月 12 日 by 科技阿宅

內容目錄

Toggle

這篇文章要教大家在 Photoshop 軟體中使用最新一代的 WebP 圖片檔案格式，透過 Google 所提供的 WebPShop 外掛程式，讓 Photoshop 能支援開啟、編輯、儲存 WebP 圖片檔案格式。

相關延伸文章閱讀 [圖片轉檔] WebP 轉 JPG、PNG 5 種方法完整教學 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」進行下載（如下圖所示）。

點擊「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 圖片檔案格式教學

在 Windows 系統中將「WebPShop_x_x_x_Win_x64.8bi」檔放置對應路徑 Photoshop 儲存 WebP 圖片格式教學 第一步

在存檔時在「檔案名稱」中選擇「WebPShop(*.WEBP,*.WEBP)」，即可將圖片儲存為 WebP 圖片檔案格式（如下圖所示）。

在存檔時在「檔案名稱」中選擇「WebPShop」 第二步

根據需求可分別設定 WebP 圖片檔案格式的「圖片品質」、「圖片壓縮」以及「中繼資料」設定，設定完畢點擊「OK」即可存檔，以下設定說明（如下圖所示）。

Quality（圖片品質）：設定圖片品質，數字越大，則表示圖片品質越好，容量越大；反之，數字越小，圖片品質越差，容量則越小。 Compression（圖片壓縮）：可選擇以下設定值：

Fastest：低壓縮率，因此圖片容量比較大。 Default：圖片容量不經過壓縮。 Slowest：高壓縮率，因此圖片容量比較小。 Metadata（中繼資料）：可選擇以下設定值：

Keep EXIF：保留「EXIF」中繼資料資訊。 Keep XMP：保留「XMP」中繼資料資訊。 Preview（圖片預覽）：開啟後可預覽圖片。 Photoshop 開啟/編輯/儲存 WebP 圖片檔案格式教學

WebP 圖片檔案格式設定相關延伸文章閱讀 [圖片轉檔] WebP 轉 JPG、PNG 5 種方法完整教學 ※如有發現掉圖或檔案無法下載，請由回應區留言告知，將會盡速處理！ ※歡迎分享本篇文章網址給需要的朋友。 ※本篇文章著作所有權皆屬於「科技阿宅王」網站所有，引用文章時請來信索取授權，否則將保留法律追訴權，謝謝。