Figma Community 27,000+ 位使用者 · 250+ 個讚
圖片轉 SVG：把 PNG、JPG 變成清晰向量圖
上傳 JPG、PNG、WebP 或 GIF，Codia 的 AI 會把它重建成全彩 SVG，縮放、編輯、下載都不失細節。可以直接在瀏覽器裡轉換，也能用 Figma 外掛在 Figma 中向量化圖片。
免費開始 · 無需信用卡 · Figma 外掛每月 10 點免費點數
正在用 Figma？免費取得 VectorMagic 外掛為常見的創意工作流程打造
實際效果
適用於 Logo、印刷與設計的高品質 SVG 轉換
上傳一張點陣圖，依照瀏覽器中的引導流程轉換成可縮放的向量圖。Codia 會保留銳利邊緣、平滑曲線與關鍵細節，讓圖形超出原始像素尺寸後依然好用。
無論是重製 Logo、準備大圖輸出的稿件，還是最佳化網站圖形，Codia 都能輸出可編輯的 SVG，符合專業設計與開發的工作流程。
把點陣圖變成可編輯的向量圖
Codia 會分析你上傳的圖片，把看得到的形狀重建為向量路徑，產生在任何尺寸都清晰的 SVG。適合需要在網頁、印刷與設計工具之間使用的 Logo、圖示、草圖、插畫等圖形。
免費取得 Figma 外掛為實際可用的向量圖而生
路徑乾淨、細節可用的 AI 向量化
理解形狀的描圖
不只是把像素變平滑，而是把圖稿重建為向量路徑，邊緣、填色與輪廓都能直接使用。
自動精準
不需手動描圖或複雜設定，就能捕捉細小細節與曲線邊緣。
曲線與轉角
貼合平滑的貝茲曲線、俐落的轉角與複雜輪廓，產生可以直接細修的 SVG。
支援多種圖片
Logo、圖示、草圖、扁平插畫，以及許多接近照片的圖形，需要向量版本時都能使用。
轉換快速
圖片處理快速，從上傳、預覽到下載，工作流程不會中斷。
色彩與透明度
保留全彩圖稿與透明區域，成果可直接用於網站、App、品牌素材包與印刷檔案。
上傳、拖放，或從 Figma 圖層開始
把 JPG、PNG、WebP 或 GIF 拖到本頁上方的轉換器，或在 Figma 中選取圖片圖層並執行外掛。Codia 會自動完成 SVG 轉換前的準備。
轉換圖片
點陣圖 vs SVG
為什麼要把 JPG、PNG 轉成 SVG？
任何尺寸都清晰
SVG 與解析度無關。放大用於印刷或縮小成介面圖示，都不會出現點陣圖常見的模糊與鋸齒。
適合網頁的高效檔案
以 Logo、圖示與簡單插畫來說，SVG 通常能在保持清晰的同時維持輕巧，很適合網站與 App。
方便重複使用
同一個 SVG 可用於網站、行動 App、周邊樣稿、簡報與印刷版面，不必為每種尺寸重新匯出點陣圖。
天生可編輯
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 額度，並且只在轉換成功後才扣費。
圖片轉 SVG 常見問題
關於線上及在 Figma 中把 PNG、JPG 圖片轉成 SVG 的解答。