UltKit
圖片11
圖片轉檔圖片壓縮調整圖片尺寸裁切圖片圖片轉 PDF證件照製作圖片轉 SVG所有圖片工具 →
PDF13
PDF 壓縮PDF 轉檔PDF 轉圖片合併 PDF分割 PDFPDF 解鎖PDF 加密所有PDF工具 →
文件與資料7
轉成 PDF文件轉檔圖片轉文字（OCR）圖片轉 Excel資料轉換電子書轉檔所有文件與資料工具 →
影片6
影片轉檔影片壓縮影片轉音訊影片轉 GIF剪輯影片音訊轉影片所有影片工具 →
音訊4
音訊轉檔音訊壓縮剪輯音訊音訊轉文字所有音訊工具 →
更多工具22
QR 碼產生器壓縮成 ZIP線上解壓縮時區轉換器單位換算密碼產生器字數統計網頁選色器所有更多工具 →
部落格運作方式

PNG 轉 SVG 免費線上轉換

PNG 是轉成向量圖最理想的點陣圖來源：邊緣無損，背景通常也已經是透明的。上傳 PNG，選擇要保留幾種顏色，即可下載形狀能自由縮放、編輯的 SVG。

圖片轉 SVG

或將JPG, JPEG, JFIF … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出
8

檔案會在我們的伺服器上處理，並於 30 分鐘後刪除。

使用方式

  1. 1

    上傳 PNG

    放入 PNG 標誌、圖示、貼圖或手繪圖，一次最多 20 個。尺寸越大的匯出檔描繪效果越好；寬 1000 px 的 PNG 會比 64 px 的網站圖示好得多。

  2. 2

    選擇描摹模式

    一般標誌請將色彩模式維持為彩色、8 種顏色；線稿請改選黑白，或把顏色數量設為設計中實際使用的顏色數。

  3. 3

    下載 SVG

    按下向量化為 SVG。開啟檔案並放大查看曲線，若邊緣呈現階梯狀，請在進階設定中提高平滑化，再執行一次。

為什麼 PNG 最適合轉成 SVG

PNG 於 1995 年誕生，作為無專利的 GIF 替代格式，並在 1996 年 10 月成為 W3C 建議標準。它採用無失真壓縮，紅色邊緣緊鄰白色邊緣時就維持原樣，不會出現波紋或方塊。對描繪程式來說，這是理想的輸入：兩種顏色的交界就在像素所示之處，擬合出的曲線能貼合原始設計。

PNG 還能帶有 Alpha 色版，也就是每個像素各自的不透明度。從 Figma、Canva 或 Photoshop 匯出的標誌與圖示通常會用到，它就像現成的遮罩：透明的是背景，不透明的是圖案。同一個標誌的 JPEG 則內嵌了白色方塊，所以 JPEG 轉 SVG 需要更強的平滑化，通常還要搭配去除背景。

由於輸入乾淨，本頁採用細節 70 與平滑化 40，保留 JPEG 頁面會抹平的小轉角與襯線。我們的 PNG 轉 SVG 教學附有範例說明。

彩色、灰階或黑白描摹

預設

彩色

每個顏色群組會成為一層填色路徑。

  • 2–64 種顏色
  • 保留品牌色
  • 圖形層層堆疊，方便重新上色
適用情境： 標誌、圖示、貼圖、平面插畫
濃淡

灰階

與彩色模式類似，但群組為灰色調。

  • 2–64 個灰階層級
  • 不會偏色
  • 適合鉛筆與炭筆畫
適用情境： 素描、版畫、單色印刷品
雙色調

黑白

一刀切：每個像素不是墨色就是空白。

  • 臨界值 1–254
  • 檔案最小
  • 單一組路徑
適用情境： 簽名、鏤空模板、割字與雷射切割

線稿 PNG 轉 SVG 的臨界值設定

  1. 60

    只保留最深的墨色

  2. 128

    預設在中灰處分界

  3. 170

    保留淡色或消除鋸齒的線條

  4. 220

    淺灰會變黑；邊緣變粗

PNG

Portable Network Graphics

PNG 是 1996 年由 PNG Development Group 發布的無損點陣圖格式，後來由 W3C 與 ISO 納入標準。它會完整保留每一個像素，支援完整的 Alpha 透明度，處理文字、銳利邊緣和純色區塊時不會產生瑕疵。這樣的精確度使它非常適合螢幕截圖、標誌、圖示和介面圖形。代價是檔案大小：存成 PNG 的相片，往往比同一張相片存成 JPEG 或 WebP 大上好幾倍。所有瀏覽器、作業系統和編輯軟體都能開啟 PNG 檔案。

壓縮方式
無損
透明度
支援
動畫
不支援
推出年份
1996 · PNG Development Group
PNG 轉檔工具

SVG

可縮放向量圖形（SVG）

SVG 是 W3C 於 2001 年標準化、以 XML 為基礎的向量格式。它描述的是形狀、路徑和文字而非像素，因此任何尺寸都保持清晰，用於標誌和圖示時檔案通常非常小。它支援透明度、CSS 樣式、指令碼和動畫，所有瀏覽器都能原生顯示。SVG 不適合照片，複雜的插圖也可能繪製得很慢。Illustrator、Inkscape、Figma 和瀏覽器都能開啟與編輯。

壓縮方式
–
透明度
支援
動畫
支援
推出年份
2001 · W3C
SVG 轉檔工具

PNG 本身邊緣銳利，通常還有透明背景，所以大家會把它描繪成 SVG，讓標誌或圖示能放大用於印刷、割字機與響應式網站；SVG 轉 PNG 則相反，是把向量圖轉成像素，供無法讀取 SVG 的應用程式使用。

描摹前先整理 PNG

  1. 以大尺寸匯出

    將 PNG 以顯示尺寸的兩到三倍儲存。曲線是依像素邊緣擬合的，像素越多，曲線越精準。

  2. 先平面化特效

    陰影、光暈與漸層都會變成數十條細帶。匯出前請先隱藏，需要時再到 SVG 中加回去。

  3. 數清楚顏色

    記下設計中使用了幾種純色並輸入該數字。若是 CNC 或雷射加工，PNG 轉 DXF 可將同一個檔案描繪成 CAD 格式。

PNG 轉 SVG 常見問題

PNG 轉 SVG 可以免費使用、不必註冊帳號嗎？

可以。免註冊帳號即可上傳、描繪並下載，每批最多 20 個檔案。上傳的 PNG 與完成的 SVG 會在 30 分鐘後從伺服器刪除。

PNG 的透明區域轉換後會怎樣？

PNG 的 Alpha 色版會告訴描繪程式哪些像素屬於圖案，因此完全透明的區域會保持空白，不會變成白色圖形。通常不需要使用去除背景；只有當 PNG 本身內嵌純白或有色底色時才需開啟。

為什麼描摹後的 PNG 圖示，每個形狀周圍都有一圈淡淡的外框？

PNG 的平滑邊緣經過消除鋸齒處理：最外圈的像素是半透明，或是兩種顏色的混合。描繪程式可能把這種混色當成多出來的一種細線顏色。將顏色數量減少一到兩種，或提高平滑化，光暈就會併入圖形。

和 Illustrator 的影像描圖或 Inkscape 的點陣圖描摹相比如何？

做法相同：減少顏色、找出邊緣、擬合曲線。Illustrator 內建「黑白標誌」、「16 色」等預設，Inkscape 則提供亮度截止與多色掃描。在這裡對應的選項是色彩模式、顏色數量與臨界值，而且不必安裝任何軟體。

PNG 裡的文字會變成 SVG 中可編輯的文字嗎？

不會。文字會被描繪成輪廓圖形，外觀得以保留，但無法再重新輸入編輯。這適合標誌；如果是滿滿文字的螢幕截圖，直接重打比較快。

我的 PNG 剛好只用了五種顏色，SVG 能完全保留這些顏色嗎？

將顏色數量設為 5。描繪程式會把所有像素分成五群，而在純色 PNG 上，這五群正好對應原本的顏色。