PNG 轉 WebP

PNG → WebP:更小的紋理與網頁資源,保留透明,適合現代瀏覽器與線上3D。

工作區

加載中...

請稍候

關於此工具

將PNG轉為WebP,可縮小網站與瀏覽器端3D檢視器的下載體積。WebP壓縮效率高且支援透明,適合網頁UI與材質貼圖。可調整品質來平衡體積與精確度。所有處理都在瀏覽器本地完成。

使用技巧

  • 1帶透明的WebP通常比PNG小約25-35%
  • 2適合網頁3D檢視器與相關貼圖分發流程
  • 3透明PNG轉為WebP時保留Alpha

配置選項說明

輸出尺寸

輸出尺寸

設定輸出圖片的寬度與高度。方形預設(如 1024×1024)適合紋理工作流;自訂模式下可鎖定長寬比。格式互轉頁面預設維持原始尺寸。

鎖定長寬比

預設值on

在自訂尺寸模式下啟用時,修改寬度或高度會依原始比例自動聯動另一邊。關閉後可分別設定寬高。

品質

品質

預設值90%

範圍10% – 100% · step 5%

JPEG 和 WebP 的有損壓縮品質。值越高畫質越好但檔案越大。

格式說明

輸入格式

副檔名:
png
全名:
Portable Network Graphics
類型:
Image
格式:
PNG
常用工具:
PhotoshopGIMPKritaPaint.NET
開啟方式:
Image EditorWindows PhotosPreview (Mac)
說明:
PNG 是無損光柵圖片格式,支援 8 位元 Alpha 透明通道,邊緣清晰、無壓縮假影,是輪廓類圖片轉 3D 模型的首選輸入。相較於 JPG,PNG 不會在深色背景與主體邊緣產生色塊,黑白高度圖或帶透明背景的剪影在轉換時能得到更乾淨的網格。 PNG 的代價是檔案體積大於同尺寸 JPG,且不支援 CMYK 等印刷色彩模式。用於 3D 轉換時注意兩點:高度圖建議使用 16 位元灰階以保留地形細節,本站最大支援 4096×4096 解析度;透明背景會自動被偵測並處理,無需手動去背。

備註:

  • 最大支援解析度:4096×4096 像素
  • 透明背景會自動偵測並處理

支援特性:

  • 無損壓縮保留影像品質
  • Alpha 通道透明背景,便於精確輪廓提取
  • 廣泛的色彩支援(24 位元 RGB + 8 位元 Alpha)

輸出格式

副檔名:
webp
全名:
WebP (Google)
類型:
Image
格式:
WebP
常用工具:
PhotoshopGIMPKritaPaint.NET
開啟方式:
Image EditorWindows PhotosPreview (Mac)
說明:
WebP 是 Google 開發的現代影像格式,同時支援有損與無損壓縮及透明通道,相同畫質下檔案體積通常比 JPEG 或 PNG 小 25-35%,是網頁效能最佳化的主流選擇。 WebP 的瀏覽器相容性已相當完善,但在老舊系統與部分專業軟體中仍可能不受支援。作為 3D 紋理或圖片轉 3D 輸入時,其表現與 PNG 相當,注意有損模式下的壓縮偽影即可。

備註:

  • 最大支援解析度:4096×4096 像素
  • 無損模式下支援透明背景

支援特性:

  • 有損與無損壓縮模式
  • 無損模式下支援 Alpha 通道透明背景
  • 比舊格式更小的檔案大小

使用方法

1

上傳紋理圖片

拖放 PNG、JPEG、WebP、BMP 或 KTX2 紋理/圖片檔案。KTX2 輸入會自動解碼為 PNG 以便轉換。

2

設定輸出選項

可選擇輸出格式(PNG、JPEG、WebP、KTX2),設定貼圖尺寸,並調整品質。KTX2 可選 ETC1S 或 UASTC。

3

轉換並下載

點擊轉換處理圖片或紋理。檔案會以所選格式自動下載,可用於網頁、設計或 3D 流程。

Q

什麼是WebP,為什麼要從PNG轉換?

A

WebP是壓縮表現優於PNG的現代格式。將PNG轉為WebP可在維持畫質與透明的同時減少約25-80%體積,適合網頁與線上3D紋理分發。

Q

WebP的透明度是否保留?

A

是的。WebP和PNG一樣支援Alpha透明度,輸出中會保留透明區域。

Q

有損和無損WebP有什麼差別?

A

無損WebP和PNG一樣保留精確的影像資料。有損WebP則是透過捨棄部分視覺資訊(由品質滑桿控制)來達成更小的檔案。

Q

WebP是否被廣泛支援?

A

是的。所有現代瀏覽器(包括Chrome、Firefox、Safari和Edge)都支援WebP。它是網路圖像的推薦格式。

Q

WebP會用在3D流程裡嗎?

A

會,尤其是在重視下載體積的網頁與執行時期分發中。部分DCC與引擎在製作或GPU貼圖階段仍偏好PNG或KTX2,依照目標管線選擇格式即可。

Q

可以用這個工具建立動態 WebP 嗎?

A

不可以。轉換器只輸出單張靜態圖片,不編碼動畫。需要動態內容時,請使用支援 WebP 動畫的專門工具。