轉檔

PNG轉WebP

把PNG轉成WebP能讓網頁載入更快。一批最多10個檔案,每個20MB以內。整個轉檔都在你的瀏覽器裡完成,圖片不會被上傳。

WebP的設計目的就是在不明顯犧牲畫質的情況下把圖片壓小,而且跟JPG不同,它會保留透明背景。把網頁上的PNG換成WebP,是縮小頁面體積最簡單的方法之一,因為PNG的無失真存法通常存下比相片或圖示實際需要更多的資料。

Tool UI loads here.

使用方式

  1. 加入檔案 拖曳最多10個PNG檔案,或點擊選擇。
  2. 轉檔 瀏覽器會自動把每個檔案轉成WebP。
  3. 下載 單獨儲存每個WebP,或打包成ZIP一次下載。

PNG vs WebP

PNG

PNG保留透明背景,存檔時什麼都不會丟失,很適合當作要留存的主檔案,只是不算輕巧,不適合直接放上網頁。

WebP

WebP和PNG一樣支援透明背景,卻通常能存成明顯更小的檔案,只是部分舊版瀏覽器和編輯器處理起來還不夠一致。

為什麼要把PNG轉成WebP

這是一個為網頁而做的轉檔,理由很充分。WebP能像PNG一樣保留透明背景,但通常會把同一張圖存成明顯更小的檔案,這正是把頁面圖片換成WebP能讓網站載入更快的原因。

只是WebP終究沒辦法取代PNG成為你的工作檔案。舊版設計軟體還是預期收到PNG,印刷廠也會要求這個格式,任何需要保存原始作品的人也需要留著那份無失真的主檔案。少數舊款瀏覽器和看圖軟體處理WebP時也不夠一致。

只針對要放上網頁的圖片產生WebP副本,其他地方繼續保留原本的PNG不動。發布前先打開一次WebP,確認透明區域在瀏覽器裡看起來還是對的。

備註

WebP保留透明背景,通常比PNG小上不少。

限制

印刷或舊軟體還是需要PNG,請把它留著當主檔案。

從設計上保護隱私

轉檔在你的裝置上完成,不會有任何檔案被上傳到伺服器。

FAQ

檔案會變小嗎?

通常會,而且幅度不小。同一張圖換成WebP通常比PNG明顯更小,這也是它能讓頁面載入更快的原因。

透明背景會保留嗎?

會。WebP支援透明背景,PNG裡透明的區域轉檔後會正確保留下來。

應該留著哪一份當作主檔案?

留著PNG。它比較適合編輯、印刷或在舊軟體裡開啟,網站要用的圖片再另外產生WebP副本就好。