PNG 轉 WebP

登入後開始使用

把圖片拖進來,或點擊選擇

把 PNG 檔案拖到這裡 —— 想選幾張都可以

需要其他格式?

這是一個免費的 PNG 轉 WebP 工具,全部在瀏覽器裡完成 —— 支援批次、免上傳、免註冊、無浮水印,而且透明背景會被完整保留。PNG 是無損格式,而這正是它笨重的原因:一個 logo、一份 UI 匯出稿、一張去背商品圖動輒好幾 MB,因為每個像素都被原封不動地存下來。很長一段時間這件事沒有好出路,因為最順手的替代品 —— JPG —— 根本沒有透明通道,只會把透明區域灌成一片實色。WebP 正是終結這個兩難的格式:它同時具備 PNG 的透明通道與 JPEG 等級的壓縮率,所以一張帶透明的圖常常能壓到原本的一半、甚至遠低於一半,背景依舊透明。半透明像素同樣會被保留,因此抗鋸齒邊緣、柔和陰影與漸隱漸層都能活下來,不會變成一圈毛邊的硬去背。

PNG 轉 WebP 怎麼操作

  1. 1

    加入 PNG 檔案

    把 PNG 圖片拖進上傳區,或點一下選擇。想加幾張都行 —— 一整套圖示、一個資料夾的 UI 匯出稿、一批去背商品圖 —— 整批一次處理完,而且什麼都不會被上傳。

  2. 2

    設定品質,順便可以限制尺寸

    拖動品質滑桿,決定 WebP 壓得多兇。logo、圖示和 UI 匯出稿建議 85 到 90,這類素材邊緣銳利和文字乾淨比省那幾 KB 更重要;照片類 PNG 和截圖往下調一點也沒人看得出來。另一個可選設定是「限制最長邊」—— 素材當初以 2 倍或 3 倍圖匯出、實際顯示尺寸卻小很多時,用它最划算。

  3. 3

    轉換並下載

    按「轉換」,每個檔案都在你自己的瀏覽器裡編碼。結果表會把轉換前後的體積與增減百分比並排列出來 —— 輸入是 PNG 時,這個數字通常相當療癒。可以逐一下載 WebP,也可以整批打包成一個 ZIP。原本的 PNG 檔案不會被更動。

核心特性

透明保住了,體積照樣砍下來

WebP 有完整的透明通道,所以透明背景能活下來 —— 柔和邊緣和陰影都在。這正是轉成 JPG 做不到的事:JPG 根本沒有透明,只能拿一個背景色把那些像素灌滿,最後在你的 logo 後面留下一塊實心方塊。

比 PNG 小得多

PNG 無損地存下每一個像素;WebP 則被允許丟掉眼睛不會注意到的部分。照片類或明暗層次豐富的 PNG,常常能降到原體積的五分之一甚至更低,連色塊平整的 UI 圖形通常也能砍一半。

品質你說了算

一根滑桿決定壓縮多積極,結果表會列出每個檔案的體積與增減百分比。調高時,logo 和圖示與原 PNG 肉眼無異;背景圖和截圖這類素材往下調幾檔,代價幾乎是零。

批次轉換

整套圖示或整個素材資料夾丟進來,一鍵轉完,再打包成一個 ZIP 下載,不用一張一張存。

本機處理 · 私密

轉換在你的瀏覽器裡、用你自己裝置的 CPU 完成。PNG 檔案不會被上傳、不會經過伺服器、也不會碰到任何後端 —— 未發布的設計稿、客戶素材和截圖都留在你自己的機器上。

免費、不限量、無浮水印

免註冊、免留信箱、沒有每日額度,結果上也不會蓋浮水印。轉一張 PNG 還是五百張,想轉幾次都行。

什麼時候該把 PNG 轉成 WebP

網站素材實在太重

以 PNG 匯出的 logo、插畫和主視覺圖形,是頁面變慢最常見的原因之一。WebP 讓它們的透明一模一樣地保住,同時砍掉每個訪客都得下載的那部分重量。

圖示庫與 logo 庫

一個資料夾裡十幾種尺寸的品牌素材,累積起來相當可觀,而且它還躺在所有人都要 clone 的儲存庫裡。整套轉成 WebP 就能瘦下來,沒有人需要重畫或重新匯出任何東西。

去背的商品圖

去好背的商品得落在頁面採用的任何底色上,所以透明沒有商量餘地 —— 而這類圖恰好又是商店載入量最大的。WebP 是常見格式裡唯一兩者兼得的。

設計匯出稿與 UI 截圖

設計工具預設匯出 PNG,而且常常是 2 倍或 3 倍圖。在它們進到文件站、說明中心或產品頁之前批次轉成 WebP,儲存庫和頁面都能輕下來。

常見問題

這個 PNG 轉 WebP 工具真的免費嗎?

是的 —— 完全免費,免註冊、免信箱、沒有每日次數上限。轉出來的 WebP 沒有浮水印,也不存在「付費版轉得更好」這種事。

我的 PNG 檔案會被上傳到伺服器嗎?

不會。解碼和 WebP 編碼都在你的瀏覽器裡用本機 JavaScript 和 canvas 完成。檔案不會被上傳、不會被保存、我們也看不到 —— 頁面載入完之後,斷網一樣能用。

透明背景會被保留嗎?

會。WebP 和 PNG 一樣有完整的透明通道,所以透明與半透明像素都會被帶過去 —— 抗鋸齒邊緣、柔和陰影、漸隱漸層都在。既然沒有任何區域需要被填滿,整個流程裡也就不存在背景色這回事。這正是帶透明的 PNG 該轉 WebP 而不是轉 JPG 的全部理由:JPG 根本沒有透明,只會拿一塊實色把它換掉。

轉成 WebP 可以小多少?

通常小很多。照片類或明暗層次豐富的 PNG,常常能降到原本的五分之一甚至更低;顏色數少、色塊平整的圖形 —— 也就是 PNG 本來就擅長的那類 —— 一般能砍一半。省得最多的地方,恰恰是 PNG 最弱的地方,所以你資料夾裡那些好幾 MB 的大傢伙縮得最兇。先拿兩三張有代表性的轉一次,看結果表裡的百分比,再決定整批要不要跑。

這是有損還是無損轉換?

有損。WebP 兩種模式都支援,而本工具走的是有損編碼器 —— 大幅的體積收益就在這一檔,頁面上有品質滑桿也是這個原因。調到高檔時,logo、圖示和 UI 素材的結果與原 PNG 肉眼無異;而且透明在有損模式下依然存在,這正是 JPG 給不了的。如果你要的是每個像素都完全一致的副本 —— 要反覆編輯的原始檔,或是要送印刷的稿件 —— 那就留著 PNG。

PNG 該轉 WebP 還是轉 JPG?

由透明決定。如果圖有透明背景 —— logo、圖示、貼圖、去背商品圖 —— 兩者之中只有 WebP 保得住,因為 JPG 會把透明灌成一片實色。如果這張 PNG 只是普通的矩形照片或截圖、根本沒有透明,那兩條路都走得通,取捨變成相容性對體積:JPG 哪裡都打得開,WebP 更小。無論選哪條,原本的 PNG 都還在,試一條再比一比不會有任何損失。

可以一次轉很多張 PNG 嗎?

可以。想選幾張 PNG 就選幾張,拖進來一鍵轉完整批,結果可以單張下載,也可以打包成一個 ZIP。在 iOS 和 Android 的手機瀏覽器上表現一致,只是批量特別大時手機會慢一些。

現在就把 PNG 轉成 WebP

免費、批次、全程在瀏覽器裡完成 —— 免上傳、免註冊、無浮水印。把 PNG 拖進來,幾秒就能拿到透明完整保留的輕巧 WebP。

更多換臉工具