WebP 轉 PNG 轉換器
從網站存下 Logo、貼圖或商品去背圖，卻得到 .webp 檔案？轉成 PNG 後透明背景會一併保留，可直接用於不支援 WebP 的簡報、設計軟體與印刷排版。
圖片轉換器
或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理，並於 30 分鐘後刪除。
85 可讓照片在視覺上與原圖幾乎相同。只有需要更小的檔案時才調低。
JPG、BMP 和 EPS 不支援透明。透明的像素會以此顏色填滿。
用於透明像素後方的十六進位色碼,例如 #FFFFFF。
此格式只能存放單張圖片。若要保留動畫,請選擇輸出 GIF 或 WebP。
多尺寸圖示會在一個檔案中包含多種解析度,瀏覽器和作業系統會自行選用需要的尺寸。
保留原始尺寸,或輸入其中一邊,系統會維持長寬比。
上方所選邊的像素值。
相對於原始尺寸的百分比。
sRGB 適合螢幕和網頁。印刷流程請保留原始設定;灰階會捨棄顏色。
僅為中繼資料,0 表示保留原始值。印表機和部分入口網站會讀取此數值;不會改變像素尺寸。
使用方式
- 1
加入 .webp 圖片
將檔案拖曳到上傳區，或貼上在瀏覽器中複製的圖片。一次最多可處理 20 個檔案，每個檔案上限 95 MB。
- 2
選擇動畫的處理方式
靜態圖片不需要任何設定。若是動態 WebP，可在進階設定中的動態圖片輸入選擇只轉換第一個影格，或將每個影格各存成一張 PNG。
- 3
按下「轉換為 PNG」
每張 PNG 轉換完成後即可個別下載，也可以一次打包成 ZIP 下載。
只要 WebP 有透明背景，就選 PNG 而不是 JPG：PNG 會保留每個透明像素，JPG 則會把它們填成純色。
WebP 轉 PNG 並保留透明背景
網站偏愛 WebP，因為一種格式就能同時涵蓋照片與帶透明度的圖形，而且檔案只有 PNG 的一小部分。這對網頁速度很有利，但對想重複使用圖片的人就不太方便。從公司網站取得的品牌標誌、網路商店的去背商品圖，或聊天軟體的貼圖，通常都是 .webp，而你想放入的工具可能不支援 WebP。
PNG 是最自然的選擇。它在 1996 年成為 W3C 建議標準，後來也成為 ISO/IEC 15948，支援同樣的 8 位元 Alpha 色版，幾乎所有編輯器、辦公軟體與印刷服務都能讀取。轉換只是解碼後再儲存：像素、尺寸與透明度都會一對一保留，由於 PNG 沒有有損模式，所以也沒有品質滑桿。
有兩個設定值得留意。移除中繼資料預設為開啟，會移除內嵌的註解與相機資料，不過多數網路圖片本來就幾乎沒有這些資料。調整輸出圖片尺寸預設為關閉；如果你只需要簡報用的 512 px 寬版本，可以開啟它，PNG 也會因此更小。
透明度、動畫與壓縮：WebP、PNG 與其他格式比較
| from ↓ · to → | Alpha | Animation | Lossless | Lossy |
|---|---|---|---|---|
| WEBP | WEBP to Alpha: yes | WEBP to Animation: yes | WEBP to Lossless: yes | WEBP to Lossy: yes |
| PNG | PNG to Alpha: yes | – PNG to Animation: no | PNG to Lossless: yes | – PNG to Lossy: no |
| JPG | – JPG to Alpha: no | – JPG to Animation: no | – JPG to Lossless: no | JPG to Lossy: yes |
| GIF | GIF to Alpha: yes | GIF to Animation: yes | GIF to Lossless: yes | – GIF to Lossy: no |
WEBP
WebP 圖片
WebP 是 Google 於 2010 年推出的圖片格式，目的是讓網頁載入更快。它在同一種格式中同時支援有損與無損壓縮、Alpha 透明度與動畫。在視覺品質相近時，有損 WebP 檔案通常比 JPEG 小 25–35%，無損 WebP 通常也比 PNG 小。目前所有主流瀏覽器都支援，但部分較舊的桌面軟體、列印服務與上傳表單仍然不接受。Windows、macOS 與多數新型圖片編輯軟體都能開啟 WebP 檔案。
- 壓縮方式
- 有損或無損
- 透明度
- 支援
- 動畫
- 支援
- 推出年份
- 2010 · Google
PNG
Portable Network Graphics
PNG 是 1996 年由 PNG Development Group 發布的無損點陣圖格式，後來由 W3C 與 ISO 納入標準。它會完整保留每一個像素，支援完整的 Alpha 透明度，處理文字、銳利邊緣和純色區塊時不會產生瑕疵。這樣的精確度使它非常適合螢幕截圖、標誌、圖示和介面圖形。代價是檔案大小：存成 PNG 的相片，往往比同一張相片存成 JPEG 或 WebP 大上好幾倍。所有瀏覽器、作業系統和編輯軟體都能開啟 PNG 檔案。
- 壓縮方式
- 無損
- 透明度
- 支援
- 動畫
- 不支援
- 推出年份
- 1996 · PNG Development Group
當標誌或從網站存下的貼圖等帶有透明背景的圖片，必須放進只接受 PNG、不支援 WebP 的編輯器、簡報或印刷排版時，人們就會把 WebP 轉成 PNG。
WebP 轉 PNG 是無損的嗎？檔案為什麼會變大
大張照片會產生非常大的 PNG
全螢幕尺寸的 WebP 照片轉成 PNG 後可能有好幾 MB，因為 PNG 不會捨棄任何細節。如果圖片沒有透明度，而且要用於電子郵件或表單，使用 WebP 轉 JPG 可得到輕巧許多的檔案。必須維持 PNG 的圖片，則建議先調整成實際顯示的尺寸。
WebP 轉 PNG 常見問題
轉成 PNG 後，透明背景還會是透明的嗎？
會。PNG 具備完整的 8 位元 Alpha 色版，與 WebP 使用的相同，因此每個半透明像素，包括柔和陰影與消除鋸齒的邊緣，都能保留精確的不透明度。除非 WebP 本身就是白色背景，否則不會被填成白色。
有損 WebP 轉成 PNG 後會變得更清晰嗎？
不會。PNG 會原樣儲存 WebP 解碼後的像素，不會再增加新的失真，但也無法找回 WebP 編碼器已經捨棄的細節。你得到的好處是，之後再編輯、儲存時，檔案不會繼續劣化。
為什麼 PNG 比 WebP 大了五倍？
PNG 採用 1990 年代的 DEFLATE 方式進行無損壓縮，而網站上的 WebP 多半是有損壓縮。以照片來說，檔案可能輕易變大 3 到 10 倍。標誌、圖示這類平面圖形的差距小得多，通常不到兩倍。
動態 WebP 貼圖要怎麼轉成 PNG？
將動態圖片輸入設為將每個影格匯出為個別檔案，每個影格就會輸出一張 PNG，適合用來編輯或製作 Sprite 圖。如果想要在任何地方都能開啟的動圖，請改用 WebP 轉 GIF。
哪些軟體仍然需要 PNG 而不是 WebP？
舊版 Microsoft Office、許多簡報與流程圖工具、客製化印刷的上傳頁面，以及部分遊戲與應用程式商店的素材流程，只接受 PNG 與 JPG。只要圖片有透明區域，在這兩者之中就該選 PNG。
之後可以再把 PNG 轉回 WebP 放到網站上嗎？
可以，而且對於網站發布來說，WebP 通常是更好的格式。請將 PNG 留作可編輯的原始檔，網頁上線時再用 PNG 轉 WebP 匯出網頁用版本，無損或有損皆可。