Figma Community 27,000+ 位使用者 · 250+ 個讚
PNG 轉 SVG：把 Logo、圖示與透明 PNG 變成向量圖
上傳 PNG，Codia 的 AI 會把它描成真正的全彩 SVG，由可編輯的路徑組成，透明區域也會維持透明。放大用於印刷或網頁，都不會失去清晰度。
為常見的創意工作流程打造
為什麼要把 PNG 轉 SVG
PNG 什麼時候需要變成向量圖
保留透明背景
Logo 和圖示常以透明背景的 PNG 匯出。Codia 會讓這些區域在 SVG 中維持空白，向量圖放在任何底色上都乾淨俐落。
放大也不模糊
PNG 的像素數量固定，放大後就會變糊。SVG 由形狀重建而成，無論做成大型看板還是網站 favicon 都一樣清晰。
直接編輯形狀與顏色
SVG 裡的每個形狀都是路徑，可以在 Figma、Illustrator、Inkscape 或程式碼中重新上色、移動或簡化，不必再逐一修改像素。
實際效果
適用於 Logo、印刷與設計的高品質 SVG 轉換
上傳一張點陣圖，依照瀏覽器中的引導流程轉換成可縮放的向量圖。Codia 會保留銳利邊緣、平滑曲線與關鍵細節，讓圖形超出原始像素尺寸後依然好用。
無論是重製 Logo、準備大圖輸出的稿件，還是最佳化網站圖形，Codia 都能輸出可編輯的 SVG，符合專業設計與開發的工作流程。
上傳、拖放，或從 Figma 圖層開始
把 JPG、PNG、WebP 或 GIF 拖到本頁上方的轉換器，或在 Figma 中選取圖片圖層並執行外掛。Codia 會自動完成 SVG 轉換前的準備。
轉換圖片
為實際可用的向量圖而生
路徑乾淨、細節可用的 AI 向量化
理解形狀的描圖
不只是把像素變平滑，而是把圖稿重建為向量路徑，邊緣、填色與輪廓都能直接使用。
自動精準
不需手動描圖或複雜設定，就能捕捉細小細節與曲線邊緣。
曲線與轉角
貼合平滑的貝茲曲線、俐落的轉角與複雜輪廓，產生可以直接細修的 SVG。
支援多種圖片
Logo、圖示、草圖、扁平插畫，以及許多接近照片的圖形，需要向量版本時都能使用。
轉換快速
圖片處理快速，從上傳、預覽到下載，工作流程不會中斷。
色彩與透明度
保留全彩圖稿與透明區域，成果可直接用於網站、App、品牌素材包與印刷檔案。
讓 PNG 轉出更乾淨的 SVG
向量圖的品質，取決於你一開始使用的 PNG。
- 1
使用手邊最大的版本
尺寸小或壓縮嚴重的 PNG，能讓描圖引擎參考的資訊比較少。如果只有很小的檔案，建議先放大再轉換。
- 2
優先使用扁平圖稿
Logo、圖示、字體設計與扁平插畫能轉成乾淨、精簡的路徑。照片也能轉換，但會產生又大又複雜的 SVG 檔案。
- 3
轉換後再細修
在 Codia Studio 或 Figma 中開啟 SVG，合併零碎的形狀、調整顏色、修正轉角，再交付使用。
SVG API
透過 API 自動完成圖片轉 SVG
將本頁面背後的向量引擎接入你自己的產品、素材管線、CMS 或設計自動化流程。提交 PNG、JPG、GIF 或 WebP 圖片，輪詢任務狀態，完成後下載產生的 SVG。
提交圖片
可以使用 multipart form data 上傳本機檔案，也可以從後端提交公開可存取的圖片 URL。
輪詢非同步任務
create 端點會回傳 record_id，接著輪詢 get 端點直到狀態變為 complete 或 failed。
下載 SVG
取得回傳的 svg_url，並儲存到你自己的素材系統中長期使用。
https://openapi.codia.ai/v2/open/svg_converter/createcurl 'https://openapi.codia.ai/v2/open/svg_converter/create' \
-H 'Authorization: Bearer {codia_api_key}' \
-H 'Content-Type: application/json' \
--data '{
"image_url": "https://example.com/logo.png",
"file_name": "logo.png"
}'{
"code": 0,
"message": "ok",
"data": {
"record_id": "550e8400-e29b-41d4-a716-446655440000"
}
}上傳前呼叫 /v2/open/svg_converter/limit，讀取即時的圖片尺寸、檔案大小與額度消耗限制。
SVG 轉換使用 Codia API 額度，並且只在轉換成功後才扣費。
PNG 轉 SVG 常見問題
關於把 PNG 圖片轉成 SVG 向量圖的解答。