🧬 SVG 轉 PNG

使用步驟

1. 選擇 SVG 檔案 拖進上方框框或點擊選檔，可以一次選很多張。SVG 由你的瀏覽器算繪，所以出來的結果跟它在網頁上顯示的樣子完全一致。
2. 填輸出寬度 這是向量最大的好處 — 沒有原始解析度的限制，填多少就是多少，放多大都不會糊。網頁圖示填 512、印刷用途填 3000 以上都可以。高度會依原始比例自動算。
3. 選格式與背景 要保留透明背景就選 PNG 或 WebP 並勾選「保留透明背景」。選 JPG 的話一定會有背景，因為 JPG 沒有透明通道，這時記得挑一個跟使用場合搭的底色。
4. 按開始處理並下載 檔名會帶上輸出寬度，例如 logo-1024.png。想要多個尺寸就改寬度再跑一次，原檔一直都在。

什麼時候用得到

向量與點陣的差別

SVG 是一組指令：「從這裡畫一條線到那裡」「這個區域填藍色」。因為它描述的是形狀而不是像素，所以放到多大都能重新算得剛剛好，永遠是銳利的。

PNG 是一個像素網格。一旦轉成 PNG，尺寸就固定了，放大只能靠猜中間的像素該長什麼樣，也就是會糊。

所以正確的工作流程是：SVG 留著當原始檔，需要什麼尺寸就轉一份出來，而不是轉一份大的 PNG 再縮來縮去。

文字是最常出問題的地方

SVG 裡的文字預設是「用某某字型顯示這幾個字」，而不是文字的形狀本身。這代表打開這個 SVG 的人如果沒有那個字型，看到的就會是別的樣子。

匯出 SVG 之前把文字轉成外框就能一勞永逸 — 文字變成純粹的路徑，跟字型再也沒有關係。缺點是之後不能再編輯文字內容，所以請保留一份沒轉外框的原稿。

該填多大

• 網頁圖示 — 512px 就夠，配合 CSS 縮放使用
• 社群貼文 / 封面 — 1200–2000px
• 簡報投影 — 2000px 以上，投影機解析度比想像中高
• 印刷 — 用 300 DPI 換算：公分數 ÷ 2.54 × 300

不確定就填大一點。向量放大沒有任何損失，檔案大不了就再用壓縮圖片處理一次。

常見問題

接下來可能會用到

圖片處理很少一步到位。這幾個是跟「SVG 轉 PNG」最常搭著用的：

• ⭐ Favicon 產生器 — 一次產出各尺寸與 .ico
• 📐 調整大小 — 依寬度、比例或指定尺寸
• ⚡ PNG 轉 WebP — 檔案再小三成以上

處理完想直接分享？上傳媒體可以把圖片、照片或影片轉成一組短網址，還能設密碼、有效期限與瀏覽次數上限。也可以回到工具總覽看全部 12 個工具。