不是。五種品質預設選項都屬於失真模式,包括「最高品質」。如需避免失真的 WebP 編碼,請選擇獨立的「無失真」模式。不過,它仍不會還原尺寸調整或色彩轉換,也不會保留全部原始資訊。
PNG 轉 WebP 轉換器
將一張大小不超過 20 MB 的 PNG 轉成靜態 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
上傳 PNG 檔案
請選取或拖曳一張大小不超過 20 MB 的 PNG。選取後即開始上傳至伺服器處理,請等待完成。若需要結果明確的單張圖片,請使用靜態原始圖片。
選擇尺寸與壓縮設定
若解碼後的原始尺寸符合 WebP 限制,兩欄皆留空即可保留。只填一邊時,另一邊會按比例計算;兩邊都填時會設定寬高範圍,不會拉伸或裁切。最終寬度與高度都不得超過 16,383 px。
- •失真模式有五種品質預設選項。無失真是獨立的編碼選項,選取後會隱藏品質選擇器。它可避免失真的 WebP 編碼,但不會還原色彩轉換或尺寸調整、不會保留來源中繼資料,也不會將 16 位元 PNG 保留為 16 位元檔案。
選擇失真 WebP 的品質
建議先選擇「平衡」,也可嘗試「強力壓縮」、「適度壓縮」、「高品質」或「最高品質」。即使是「最高品質」,仍屬於失真編碼。這些名稱表示品質與大小之間的取捨,不是壓縮百分比,也不保證輸出大小。
轉換並下載 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 的全部資訊。
常見問題
20 MB 是檔案大小限制,而 WebP 輸出另有每邊 16,383 px 的尺寸上限。大型 PNG 可能需要先設定較小的寬度與高度再轉換。只填一邊時,計算出的另一邊仍可能過大,而且所有檔案都必須能夠解碼。
這兩個數值定義的是寬高範圍。例如,2400×1600 縮放至 1200×1200 的範圍內,結果會是 1200×800。圖片會保留比例,不會為了填滿矩形而裁切或拉伸。
不會。輸出為 8 位元 WebP,並非 PNG 原始位元深度、中繼資料或色彩描述檔的封存副本。「無失真」適用於處理後圖片的編碼;請將高位元深度或對色彩準確度要求較高的 PNG 保留為主檔。
原始檔可能已經很精簡,而大小取決於細節、尺寸與編碼模式。請嘗試不同的失真預設選項或無失真模式,再比較下載結果。此工具沒有精確的 KB 目標,也不保證檔案會縮小。
可保留原有的 alpha 透明度,失真模式也一樣。原本就存在於像素中的白色或彩色背景不會消失。請在最終背景上檢查邊緣;去背是另一項操作。
不行。此頁面會將一張 PNG 處理成一張靜態 WebP,不會組合圖片序列,也不提供動畫輸出。如果將多張靜態圖片製作成 GIF 動畫符合您的需求,請使用 GIF 製作工具;那是不同的輸出格式。