你的檔案不會離開這台裝置。所有處理都在瀏覽器中完成,我們的伺服器不會收到、也無法讀取你的圖片。你可以中斷網路連線後再操作一次驗證這一點。
拖放圖片至此,或
可一次選擇多張(最多 30 張,單檔 50 MB 以內)
檔案不會上傳,全部在你的瀏覽器中處理
尚未選擇檔案
為什麼要轉成 WebP
WebP 是 Google 推出的圖片格式,設計目標是在相同視覺品質下產生更小的檔案。它同時具備 JPG 的高壓縮率與 PNG 的透明支援,在網頁用途上幾乎是全面的升級。
典型的縮減幅度:
- 照片類:比同畫質 JPG 小約 25–35%
- 去背圖、插畫、螢幕截圖:比 PNG 小 50% 以上相當常見
三種格式怎麼選
| 需求 | 建議格式 |
|---|---|
| 網頁配圖、部落格文章 | WebP |
| 需要透明背景 | WebP 或 PNG |
| 要給不確定支援度的舊系統 | JPG |
| 需要無失真保存 | PNG |
| 純色圖示、Logo | SVG(本工具不處理) |
在網頁中同時提供兩種格式
若想使用 WebP 又要確保舊環境能顯示,可以用 <picture> 讓瀏覽器自行選擇:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="說明文字" width="1200" height="800">
</picture>
支援 WebP 的瀏覽器會載入第一個來源,不支援的則回退到 <img>。更完整的寫法可以參考HTML img 語法完整教學。
轉檔前的提醒
保留原始檔。失真轉換不可逆,請不要用轉換後的檔案覆蓋原檔。
不要從已壓縮的檔案再轉。每次失真編碼都會累積損失,永遠從畫質最好的原始檔開始。
如果檔案還是太大,可能是像素尺寸本身過大,建議先用圖片尺寸調整工具縮小,再進行轉檔。
各類圖片轉 WebP 的實際效果
| 圖片類型 | 建議品質 | 典型縮減幅度 |
|---|---|---|
| 風景、人像照片(JPG 來源) | 80% | 25–35% |
| 螢幕截圖(PNG 來源) | 85% | 60–80% |
| 去背商品圖(PNG 來源) | 85% | 50–70% |
| 插畫、動漫圖 | 85% | 40–60% |
| 圖表、簡報截圖 | 90% | 50–70% |
| 已高度壓縮的小圖 | — | 可能不減反增 |
從 PNG 轉過來的縮減幅度通常最驚人,因為 PNG 是無失真格式、體積本來就大。一張 3 MB 的螢幕截圖轉成 WebP 常常只剩 300–500 KB,而且肉眼幾乎看不出差異。
網站導入 WebP 的建議做法
方案一:全面改用 WebP(推薦)
目前 Chrome、Firefox、Edge、Safari 與各家手機瀏覽器都支援 WebP,全球支援度已超過 95%。一般網站可以直接把圖片全部換成 WebP,不需要保留備援。
方案二:提供備援(保守)
若你的訪客可能使用非常舊的系統,用 <picture> 讓瀏覽器自行選擇:
<picture>
<source srcset="photo.webp" type="image/webp">
<img src="photo.jpg" alt="說明" width="1200" height="800" loading="lazy">
</picture>
支援的瀏覽器載入 WebP,不支援的自動退回 JPG。代價是要維護兩份檔案。
WebP 的兩種模式
WebP 同時支援失真與無失真,本工具的品質滑桿控制的是失真模式的壓縮程度:
- 品質 75–85% — 一般網頁用途的甜蜜點,檔案小且看不出差異
- 品質 90%+ — 接近無失真,適合需要保留細節的圖表或文字截圖
- 品質 60% 以下 — 只在極度追求載入速度時使用,會有可見的畫質損失
常見問題排解
某些軟體打不開 WebP
瀏覽器的支援度很好,但部分桌面軟體(尤其是較舊的看圖程式與部分後台系統)仍不支援。若對方無法開啟,用本工具的「輸出格式」選 JPG 轉回去即可。
轉出來反而變大
常見於兩種情況:① 來源已經是高度壓縮的小圖,重新編碼的固定開銷超過壓縮收益;② 品質設得比原圖還高。這種情況直接用原圖即可。
透明背景在某些地方變黑
WebP 本身完整支援透明,轉檔不會弄丟。若你看到黑色背景,通常是顯示端不支援 WebP 透明(例如某些舊版的圖片預覽程式),而非檔案有問題。用瀏覽器開啟確認即可。
動畫 GIF 可以轉成動態 WebP 嗎
本工具不支援,動畫編碼需要專用函式庫。轉換後只會保留第一格。若要保留動畫,請維持 GIF 格式,或使用支援動態 WebP 的專業工具。