如何將 PNG 轉成 WebP
把 PNG 檔案拖到上傳區,或點擊從你的裝置選取。檔案一放上去,轉檔就立刻開始 — 沒有「開始轉檔」按鈕要找,也沒有進度條要等。結果好了之後,「下載」按鈕會把 WebP 存到你的裝置,檔名沿用原本的 PNG,只把副檔名換掉。每個檔案都重新獨立處理,沒有伺服器佇列,也沒有任何前置作業。電腦和手機走同一套程式碼 — 不用安裝 app、不用註冊、不用裝外掛。要轉下一張圖,直接拖過來就好。
免費、在你的瀏覽器內完成 — 透明度保留、檔案變小、不會被上傳。
或將圖片拖放至此
Converting…
RoundCut 完全在你的瀏覽器內把 PNG 轉成 WebP,使用平台原生的影像編碼器,檔案不會上傳。PNG 的透明區域會完整保留 — WebP 支援 alpha,這點和 JPG 不同。根據 Google 官方 WebP 文件,無損 WebP 比同樣的 PNG 小約 26%。
把 PNG 檔案拖到上傳區,或點擊從你的裝置選取。檔案一放上去,轉檔就立刻開始 — 沒有「開始轉檔」按鈕要找,也沒有進度條要等。結果好了之後,「下載」按鈕會把 WebP 存到你的裝置,檔名沿用原本的 PNG,只把副檔名換掉。每個檔案都重新獨立處理,沒有伺服器佇列,也沒有任何前置作業。電腦和手機走同一套程式碼 — 不用安裝 app、不用註冊、不用裝外掛。要轉下一張圖,直接拖過來就好。
WebP 有完整的 alpha 通道,所以你的 PNG 裡每一個透明像素,轉成 WebP 後依然是透明的。這是從 PNG 轉到 WebP 而不是 JPG 的關鍵理由:JPG 會把透明區域壓平成實心顏色,WebP 則是原封不動保留下來。logo、圖示、去背的商品圖、有圓角的截圖、UI mockup,任何依賴透明背景的圖,全部都會完整保留下來。不需要事後在編輯軟體裡補邊緣、不需要修白色光暈,也不必額外勾選什麼「保留透明度」的選項。拖上去,alpha 就會穿透過來。
檔案更小,但不犧牲透明度也不犧牲畫質。根據 Google 官方 WebP 文件,無損 WebP 比同樣的 PNG 小約 26%,而含透明度的有損 WebP 大約是同樣 PNG 的三分之一大小。圖片越小載入越快,這直接幫助 Largest Contentful Paint(LCP)— Google Core Web Vitals 之一,也是已知的排名訊號。PageSpeed Insights 在影像格式稽核裡會把 PNG 標為「次世代格式」改善機會,改用 WebP 就是直接解決這條稽核的方法。Chrome、Firefox、Safari、Edge 都已經全面支援 WebP。
WebP 輸出採用為照片和圖形最佳化的近乎無損設定 — 肉眼幾乎無法分辨與原本的 PNG 有什麼差異。這個設定下的 WebP 在技術上還是屬於有損壓縮,意思是會丟掉一些位元層級的細節,所以對醫療影像或典藏母檔這類需要像素完全精確的工作,請保留原本的 PNG,把 WebP 當成輸出檔。照片轉檔後通常會縮小 50 到 70%,這是疊加在 WebP 本來就比 PNG 結構性優勢之上的減量。這個版本沒有畫質滑桿 — 每次轉檔都用同一個近乎無損的設定,在所有瀏覽器上都一樣。
轉檔在瀏覽器內建的影像引擎執行,完全跑在你的裝置上、你開的這個分頁裡。沒有任何檔案會被上傳、沒有任何記錄、沒有任何東西排在伺服器佇列裡。你可以打開 DevTools,在轉檔的同時觀察 Network 分頁 — 你會看到零個對外的圖片請求。所有瀏覽器走的都是同一套程式碼,沒有所謂的伺服器後備路徑,也不會有什麼「基本模式」偷偷把檔案改走別條路線。你的 PNG、你的 WebP、你的裝置。不用註冊、不用建立帳號、不收集任何 email、不會加上浮水印。關掉這個分頁,你的檔案就不會在我們的基礎設施上留下任何痕跡。
這個工具使用固定的近乎無損設定,所以照片和圖形轉出來後,肉眼幾乎看不出和原本 PNG 的差別。這個設定下的 WebP 在技術上還是有損的,意思是會丟掉一些位元層級的細節。對一般網頁使用、logo、圖示、照片來說,這種損失完全看不出來。但如果你做的是需要像素完全精確或要典藏母檔的工作,請保留原本的 PNG,把 WebP 當成輸出檔。你的 PNG 在裝置上原檔不動 — 轉檔只會產生一個新檔案,不會修改原本的來源。
會。WebP 支援完整的 alpha 通道,所以 PNG 裡的透明區域,轉成 WebP 後依然是透明的。這是從 PNG 開始時要選 WebP 而不是 JPG 的主要原因:JPG 沒有 alpha 通道,必須把透明壓平成實心顏色,WebP 則是把原本的樣子完整保留下來。logo、圖示、去背的商品圖,任何含透明背景的圖,都會完好無損地轉過來。不用另外勾選「保留透明度」的選項 — alpha 通道每次轉檔都會自動穿透過來。
檔案更小,但不會失去透明度或畫質。根據 Google 的 WebP 文件,無損 WebP 比同樣 PNG 小約 26%,含 alpha 的有損 WebP 大約只有同樣 PNG 的三分之一大。圖片越小,Largest Contentful Paint 表現越好,這是 Google Core Web Vitals 之一,也是已知的排名訊號。PageSpeed Insights 會在影像格式稽核裡把 PNG 標為「次世代格式」改善機會,改用 WebP 就能直接解決這條,同時拉高速度和排名。Chrome、Firefox、Safari、Edge 都已經全面支援。
你的圖片完全不會離開你的瀏覽器。轉檔在你的裝置上,用瀏覽器內建的影像引擎完成 — 沒有上傳、沒有伺服器、不收集任何資料、不會記錄檔案內容。你可以打開 DevTools 驗證:轉檔過程中對外的圖片請求是零。所有瀏覽器走的都是同一套程式碼,不會有什麼伺服器後備路徑偷偷把你的檔案送到別的地方。PNG 留在你的機器上,WebP 也是,直到你按「下載」存到本機為止。
根據 Google 官方 WebP 文件,無損 WebP 比同樣的 PNG 小約 26%,而含 alpha 通道的有損 WebP 大約只有同樣 PNG 的三分之一大。實際比例會看圖片內容而定 — 含透明的純色圖形受益最大,細節很多的照片減量幅度會小一點,但還是相當有感。不論哪一種,WebP 都更小,而且透明度都完整保留。轉檔完成後,「下載」按鈕上會顯示輸出的檔案大小。
目前還不行 — 這個版本一次轉一個檔案。批次轉檔功能我們有規劃,會在後續版本推出。現在的做法是一張一張拖上來;每次轉檔都很快,而且完全在你的裝置上跑,所以沒有上傳佇列、沒有伺服器端速率限制、檔案之間也不用等。拖一張、下載、再拖下一張。引擎在連續轉檔之間沒有暖機成本,連續處理五張和處理一張一樣快。