WebP 轉 JPG / PNG

為什麼存下來會是 WebP

WebP 是 Google 推的圖片格式，在網頁這一塊基本上已經贏了。同樣的視覺品質下，它比 JPEG 小約 25–35%，也能做 PNG 那樣的無損壓縮、支援透明背景，還可以像 GIF 一樣放動畫。對要付 流量費的網站來說這個組合沒有理由拒絕，所以現在很多站台只要瀏覽器說得出「我支援 WebP」， 送出來的就是 WebP。

問題就出在這裡。你的瀏覽器顯示得好好的，網頁看起來完全正常，「另存圖片」給你的也就是伺服器 當初送來的那個檔——一個 WebP。這個為了讓網頁載得快而選的格式，在你想拿檔案去做別的事情的 那一刻，變成了你的麻煩。

到底是誰打不開

所有瀏覽器都支援 WebP，這正是這個坑特別容易踩的原因——你看到它正常運作的地方，全都是瀏覽器。 離開瀏覽器之後，支援程度參差不齊，而且主要跟軟體的年紀有關，不是哪一家廠商的問題。Photoshop 要到 2022 年才內建支援 WebP，比那更舊的版本得裝外掛。那些用了很多年沒換的桌面軟體、舊版 Office，以及印刷與設計工具的匯入對話框，常常根本沒把它列進來。

不過最常見的一道牆是上傳表單。求職系統、政府的線上申辦、保險理賠表單、印刷 下單網站、沖印店——這些地方通常用一份固定清單檢查你上傳的檔案，而那份清單十之八九只有 JPG、 PNG 跟 PDF，是在 WebP 還不重要的年代寫的。這種情況下你電腦裡裝了什麼都沒用，你就是需要一個 JPG。

該選 JPG 還是 PNG

如果是照片，選 JPG。上傳表單要的是它、檔案小，而且照片這種連續色調的內容 正是 JPEG 壓縮當初設計的對象。

如果是標誌、圖示、螢幕截圖，或任何有透明背景的圖，選 PNG。JPG 完全沒有透明 通道，轉換時透明的部分不會被保留，而是變成一片白色。另外 JPEG 在文字與硬邊緣周圍會產生的那種 糊掉的痕跡，在截圖上非常明顯，在風景照上則幾乎看不出來。

你把檔案加進來的時候，這個工具會讀它的檔頭；如果偵測到透明背景而你選的是 JPG，它會先提醒你。 這個決定不需要你盲猜。

動畫 WebP

WebP 可以存動畫，JPG 跟 PNG 都不行。轉出來的結果會是一張靜態圖——第一格畫面——就這樣。這是 真實的限制，不是漏掉沒做：要把每一格變成動態 GIF 是另一件事，需要另一套編碼器。

因為「動畫在無聲無息中消失」是最浪費時間的那種狀況，所以每一個加進來的檔案都會先被讀過檔頭， 是動畫的會在清單上標出來，讓你在按下轉換之前就看到。

關於畫質

網路上多數 WebP 是有損壓縮的，也就是說網站在編碼的時候就已經丟掉了一些細節。轉成 JPG 是在 那之上再壓一次。品質滑桿能控制的只有第二次壓縮拿掉多少，救不回第一次拿掉的東西。

這也是為什麼「轉成 PNG 畫質會變好」是個誤會。PNG 是無損的，所以它會把 WebP 的每一個像素 完整保留下來——包含原本就有的壓縮痕跡——然後給你一個大好幾倍的檔案。無損講的是「從現在開始 不再損失」，不是修復。

預設的 0.9 已經高到第二次壓縮很難被看出來。調到 1 主要買到的是檔案變大。

常見問題

檔案會被上傳嗎？

不會。解碼與重新編碼都在這個頁面裡、用你自己瀏覽器的影像處理能力完成，沒有任何東西送到 伺服器。這也是為什麼頁面載入之後就算斷網，工具照樣可以用。

一次可以轉幾張？

沒有硬性上限，看你裝置的記憶體。每張圖在轉換期間都是以解碼後的狀態留在記憶體裡，所以在手機上 建議一次幾十張、而不是幾百張。轉超過一張時會出現「全部下載（ZIP）」的按鈕。

中繼資料會怎麼樣？

不會保留。瀏覽器是從解碼後的像素重新編碼，不會另外寫入什麼，所以原檔裡的 EXIF、GPS 座標與 色彩描述檔都會因為轉檔的原理而被丟掉。多數情況下這正是你想要的；但如果你是在做照片存檔、需要 保留拍攝日期，那就留著原始檔。

可以反過來把 JPG 轉成 WebP 嗎？

這一頁不行，它只做「從 WebP 出來」這個方向。轉成 WebP 是你在經營自己的網站時做的 最佳化，跟這裡要解決的問題差得夠遠，值得有自己的頁面，而不是這裡多一個勾選框。

有辦法讓它一開始就不要給我 WebP 嗎？

基本上沒辦法，因為選格式的是網站不是你。有兩招可以試。有些網站的原始 JPEG 還留在稍微不同的 網址上，把圖片單獨開在一個分頁、看一下網址列，有時候就解決了。另一招是右鍵選「複製圖片」而不是 「另存圖片」：那會把解碼後的像素放進剪貼簿，貼到任何編輯器裡，你就能存成自己想要的格式。