部落格 上傳媒體 短網址 工具 圖庫 常見問題 聯絡我們 登入
📢 永久無廣告,自動清除EXIF,保護隱私內容
Tools

⚡ PNG 轉 WebP

檔案再小三成以上

90% 對照片與插圖都很夠;文字截圖建議 95% 以上。
WebP 支援透明。取消勾選會用下方顏色填滿透明區域。

🔒 所有處理都在你的瀏覽器裡完成 — 檔案不會上傳到我們的伺服器,我們也看不到你的圖片。關掉分頁後就什麼都不留。

PNG 轉 WebP:處理前後對照範例
左邊是原圖,右邊是這個工具實際跑出來的結果,不是示意圖。圖上若有標檔案大小或尺寸,都是實際量到的數字。

使用步驟

  1. 選擇圖片 PNG、JPG 都可以丟進來,一次選多張沒問題。透明背景的 PNG 會完整保留透明區域。
  2. 決定要不要保留透明背景 打開「保留透明背景」就維持透明;關掉的話會先鋪一層你選的底色再輸出,檔案能再小一點。確定用不到透明時關掉比較划算。
  3. 調畫質 90% 對絕大多數圖片來說肉眼無法分辨。要再小可以降到 80%,圖示、線稿這類高對比素材建議維持 90% 以上。
  4. 留意「變大就保留原檔」 這個選項預設開啟。原檔如果是已經最佳化過的小 PNG(例如調色盤壓縮過的圖示),WebP 反而可能變大,這時直接保留原檔比較合理。
  5. 按開始處理並下載 每張都會顯示省下多少百分比。多張可用「打包下載全部 (ZIP)」一次拿走。

什麼時候用得到

網站圖片全面換 WebP

這是 WebP 最大的用途。同樣畫質下比 PNG 小 25–35%、比 JPG 小 25% 左右,整站換過去,載入速度與 Core Web Vitals 分數都會有感提升。

帶透明背景的素材要瘦身

Logo、去背商品圖、UI 素材原本只能存 PNG,檔案往往很大。WebP 同時支援透明與有損壓縮,是唯一能兩者兼顧的主流格式。

圖片很多的頁面

商品列表、作品集、相簿這種一頁幾十張圖的版面,每張省 30% 就是整頁省 30%。這種頁面最能感受到差別。

要注意的例外

電子郵件的 HTML、部分只收 .jpg / .png 的上傳欄位,以及非常舊的系統可能不支援 WebP。交檔給別人前先問一聲比較保險。

為什麼值得轉 WebP

WebP 是 Google 推的圖片格式,在同樣的視覺品質下,檔案通常比 PNG 小 60–80%、比 JPG 小 25–35%。它同時支援透明背景(PNG 有、JPG 沒有)與失真壓縮(JPG 有、PNG 沒有),等於兩邊的優點都拿到了。

相容性在 2026 年已經不是問題:Chrome、Safari、Firefox、Edge 全部支援,iOS 也從 14 開始支援。除非你要餵給很舊的軟體,否則網頁圖片沒有理由不用 WebP。

對網站速度的實際影響

圖片通常佔一個網頁總下載量的 60% 以上。把首頁的圖全部換成 WebP,載入時間常常直接砍半 — 這是少數「改一個設定就有感」的效能優化。Google 的 Core Web Vitals(特別是 LCP)也吃這一套,對 SEO 有實質幫助。


常見問題

WebP 現在支援度夠嗎?
夠了。Chrome、Edge、Firefox、Safari(含 iOS)全部支援,社群平台與主流 CMS 也都認。真正的例外剩下極舊的系統、部分電子郵件用戶端,以及一些只收 .jpg / .png 的上傳表單。做網頁可以放心用,交檔給別人前先問一聲。
會變小多少?
同樣畫質下通常比 PNG 小 25–35%,色塊多、細節少的圖甚至能到一半以上。但這不是保證——原檔如果是已經最佳化過的小 PNG(例如經過調色盤壓縮的圖示),WebP 反而可能變大。本工具有「變大就保留原檔」的選項,預設開啟。
透明背景會保留嗎?
會,WebP 完整支援 alpha 透明通道,這也是它比 JPG 適合取代 PNG 的關鍵。要注意的是頁面上有「保留透明背景」的開關:關掉它會先鋪一層你選的底色再輸出,適合確定不需要透明、想再小一點的情況。
WebP 是有損還是無損?
兩種都有。本工具用的是有損模式並提供畫質滑桿,因為那才是省下最多空間的用法。畫質 90% 對絕大多數圖片來說肉眼無法分辨。如果你的圖是需要逐像素精確的素材(例如要再編輯的原始檔),那應該留在 PNG。

接下來可能會用到

圖片處理很少一步到位。這幾個是跟「PNG 轉 WebP」最常搭著用的:

處理完想直接分享?上傳媒體可以把圖片、照片或影片轉成一組短網址,還能設密碼、有效期限與瀏覽次數上限。也可以回到工具總覽看全部 12 個工具。


其他工具