ImgConvert

PNG 轉 WebP 轉換器

將一張大小不超過 20 MB 的 PNG 轉成靜態 WebP。可選擇五種失真品質預設選項,或切換至獨立的無失真模式,並依需要按比例調整尺寸。可保留原有透明區域,但不保證檔案會更小;請將下載結果與原始 PNG 比較。

請選擇一張大小不超過 20 MB 的 PNG。選取後即開始上傳,輸出為靜態 WebP。

輸出尺寸(選填)

每欄可輸入 1–16,383 px。兩欄皆留空時保留原始尺寸;只填一邊時按比例縮放;兩邊都填時會設定寬高範圍。輸出的寬與高都必須在 16,383 px 限制內。

失真模式有五種品質預設選項。無失真模式會改用無失真的 WebP 編碼,但不會還原尺寸調整,也不會保留 PNG 的全部原始資訊。檔案大小取決於圖片。

較強的壓縮通常會讓檔案更小,但也會流失更多細節;較高的品質通常會讓檔案更大。預設選項並非壓縮百分比,實際大小取決於圖片。即使選擇最高品質,仍使用失真編碼;如需無失真輸出,請切換壓縮模式。

PNG 轉 WebP 轉換器的功能

將 PNG 製作成 WebP 副本,用於支援 WebP 的瀏覽器、CMS 或其他平台。

轉換前可使用以下實用的匯出設定:

設定影響適用情況
寬度與高度按比例縮放至指定範圍內,不會拉伸或裁切;WebP 輸出的每邊上限為 16,383 px依顯示尺寸製作檔案,避免保留過大的 PNG 尺寸
失真模式使用可調整的 WebP 壓縮需要較小檔案的網站圖片、卡片、縮圖與內容圖形
無失真模式使用無失真的 WebP 編碼,但不會保留整個原始檔,也不會還原尺寸調整標誌、圖示、螢幕截圖、文字較多的圖片與邊緣銳利的圖形
「強力壓縮」或「適度壓縮」優先縮小檔案預覽圖、縮圖與較不重要的圖形
「平衡」兼顧品質與大小的預設選項大多數 PNG 轉 WebP 的情況
「高品質」或「最高品質」保留更多可見細節產品圖片、細節豐富的螢幕截圖、漸層與重要圖稿

請上傳一張大小不超過 20 MB 的 PNG。尺寸欄位可輸入 1–16,383 px;即使其中一欄或兩欄都留空,輸出的寬與高也都必須在 16,383 px 以內。

原始檔為 PNG、需要輸出 WebP 時,請使用此頁面。若需要反向轉換,請使用 WebP 轉 PNG。若只想縮小圖片檔案,不需要轉成 WebP,請使用圖片壓縮工具。

如何在線上將 PNG 轉成 WebP

1

上傳 PNG 檔案

請選取或拖曳一張大小不超過 20 MB 的 PNG。選取後即開始上傳至伺服器處理,請等待完成。若需要結果明確的單張圖片,請使用靜態原始圖片。

2

選擇尺寸與壓縮設定

若解碼後的原始尺寸符合 WebP 限制,兩欄皆留空即可保留。只填一邊時,另一邊會按比例計算;兩邊都填時會設定寬高範圍,不會拉伸或裁切。最終寬度與高度都不得超過 16,383 px。

  • •失真模式有五種品質預設選項。無失真是獨立的編碼選項,選取後會隱藏品質選擇器。它可避免失真的 WebP 編碼,但不會還原色彩轉換或尺寸調整、不會保留來源中繼資料,也不會將 16 位元 PNG 保留為 16 位元檔案。
3

選擇失真 WebP 的品質

建議先選擇「平衡」,也可嘗試「強力壓縮」、「適度壓縮」、「高品質」或「最高品質」。即使是「最高品質」,仍屬於失真編碼。這些名稱表示品質與大小之間的取捨,不是壓縮百分比,也不保證輸出大小。

4

轉換並下載 WebP 檔案

請點選「轉換成 WebP」並下載結果。以預計顯示的尺寸比較文字、漸層、透明邊緣、尺寸與檔案大小。請保留 PNG 原始檔以便編輯,並確認使用平台支援 WebP。

如何選擇 PNG 轉 WebP 的壓縮設定

請使用實際的 PNG 測試設定。WebP 適合製作交付用圖片,但使用調色盤的 PNG 或已最佳化的圖片,原始檔可能仍然更小。請依實際外觀與測得的檔案大小選擇失真預設選項或無失真模式,不要只看格式名稱。

輸出目標建議設定原因
小型網站縮圖「強力壓縮」或「適度壓縮」在小尺寸下保留足夠細節,同時降低檔案大小
一般網頁圖形「適度壓縮」或「平衡」適合內容圖片、卡片與頁面區塊,兼顧品質與大小
透明標誌或圖示無失真、「高品質」或「最高品質」有助於保留邊緣與半透明像素
含文字的螢幕截圖無失真、「高品質」或「最高品質」讓文字、線條與介面細節更清楚
尺寸過大的 PNG 素材調整尺寸,搭配「適度壓縮」或「平衡」縮小尺寸通常比只調整壓縮更能節省空間

對大多數使用者而言,「平衡」是最穩妥的初次測試選項。請下載 WebP 檔案,並以實際顯示尺寸比較。在放大 300% 時明顯的小瑕疵,在縮圖中可能無關緊要;但細微的邊緣問題,在深色背景上的標誌中可能很明顯。

「無失真」描述的是 WebP 編碼模式,不代表完整封存 PNG。輸出為 8 位元,調整尺寸與色彩轉換可能改變圖片,且不會保留來源中繼資料。若位元深度、色彩描述檔或其他原始資訊很重要,請保留原始檔。

將透明 PNG 轉成 WebP

WebP 可保留 PNG 原有的透明區域,適用於圖示、標誌、徽章、貼紙與疊加圖片。

若透明邊緣很重要,請使用較高品質設定或無失真模式。細輪廓、柔和陰影、反鋸齒與半透明像素,可能讓壓縮瑕疵更容易被看見,尤其當 WebP 放在深色、有圖案或彩色背景上時。

請將下載的 WebP 放在實際使用的背景上檢查。原有透明區域可以保留,但失真與無失真模式都不會移除不透明的白色或彩色背景。若需要自動去背,請另外使用透明背景製作工具。

何時適合用 WebP 取代 PNG

接收端系統支援此格式時,可在以下位置使用 WebP 交付用副本。

使用情境WebP 的幫助
網站圖形在支援的瀏覽器中,WebP 可減少頁面載入的資料量
部落格與說明文件圖片較小的交付用檔案讓長篇文章更容易載入
產品卡片與縮圖多次顯示的圖片可受惠於較小的檔案大小
UI 螢幕截圖尺寸與品質選項有助於準備更清晰的說明文件素材
透明圖示與徽章WebP 能以適合網頁的格式保留透明度

請保留 PNG 原始檔,作為來源或備用檔案。WebP 很適合交付使用,但日後編輯、相容性需求,或匯出為其他現代格式(例如 AVIF)時,仍可能需要 PNG。

應避免的常見錯誤

請勿手動將 .png 改名為 .webp

變更副檔名不會轉換圖片資料。真正的 PNG 轉 WebP 需要先解碼 PNG 原始檔,再編碼成 WebP 輸出檔案。

請勿假設每個 WebP 檔案都會更小

WebP 的壓縮效率高,但最終大小取決於圖片內容、尺寸、品質,以及選擇失真或無失真模式。替換重要素材前,請先比較輸出結果。

請勿對所有透明圖形都使用失真模式

失真 WebP 適合許多網站圖片,但邊緣銳利或透明的圖稿,可能需要更高品質或無失真模式。請在實際使用的背景上測試透明圖片。

保留原始檔並儲存結果

選取 PNG 後即上傳至伺服器處理。上傳檔案與產生的檔案將依暫存檔案清理流程移除。請在本機保留原始檔,並儘速下載完成的 WebP;匯出的副本並未備份 PNG 的全部資訊。

常見問題

不是。五種品質預設選項都屬於失真模式,包括「最高品質」。如需避免失真的 WebP 編碼,請選擇獨立的「無失真」模式。不過,它仍不會還原尺寸調整或色彩轉換,也不會保留全部原始資訊。

20 MB 是檔案大小限制,而 WebP 輸出另有每邊 16,383 px 的尺寸上限。大型 PNG 可能需要先設定較小的寬度與高度再轉換。只填一邊時,計算出的另一邊仍可能過大,而且所有檔案都必須能夠解碼。

這兩個數值定義的是寬高範圍。例如,2400×1600 縮放至 1200×1200 的範圍內,結果會是 1200×800。圖片會保留比例,不會為了填滿矩形而裁切或拉伸。

不會。輸出為 8 位元 WebP,並非 PNG 原始位元深度、中繼資料或色彩描述檔的封存副本。「無失真」適用於處理後圖片的編碼;請將高位元深度或對色彩準確度要求較高的 PNG 保留為主檔。

原始檔可能已經很精簡,而大小取決於細節、尺寸與編碼模式。請嘗試不同的失真預設選項或無失真模式,再比較下載結果。此工具沒有精確的 KB 目標,也不保證檔案會縮小。

可保留原有的 alpha 透明度,失真模式也一樣。原本就存在於像素中的白色或彩色背景不會消失。請在最終背景上檢查邊緣;去背是另一項操作。

不行。此頁面會將一張 PNG 處理成一張靜態 WebP,不會組合圖片序列,也不提供動畫輸出。如果將多張靜態圖片製作成 GIF 動畫符合您的需求,請使用 GIF 製作工具;那是不同的輸出格式。

線上將 PNG 轉成 WebP

選擇 PNG,比較失真或無失真 WebP 設定,並在發布前檢查下載的副本。