Figma Community 用戶 27,000+ · 讚好 250+
JPG 轉 SVG：將 JPEG 圖片變成可縮放的矢量圖
上載 JPG 或 JPEG，Codia 的 AI 會將它重建成由可編輯路徑組成的全彩 SVG。適合標誌、掃描草圖、產品圖形，以及需要放大使用的印刷圖稿。
為常見的創作工作流程而設
點解要將 JPG 轉 SVG
JPG 幾時需要變成矢量圖
告別壓縮雜訊
JPG 壓縮會在邊緣及文字周圍留下格仔狀雜訊。將圖片描成形狀後，便有乾淨的輪廓，任何尺寸都保持銳利。
救回只剩相片檔的標誌
品牌標誌往往只剩下電郵或舊網站上的一張 JPG。轉成 SVG 後，便有可重用於印刷、招牌及網頁的矢量圖。
將掃描稿及草圖數碼化
掃描的手稿、印章及手寫字，由掃描器出來通常都是 JPG。矢量化之後，便可在 Figma 或 Illustrator 編輯線條。
實際效果
適用於標誌、印刷及設計的高質素 SVG 轉換
上載一張點陣圖，跟隨瀏覽器內的指引轉換成可縮放的矢量圖。Codia 會保留銳利邊緣、順滑曲線及重要細節，令圖形超出原本像素尺寸後依然好用。
無論是重造標誌、準備大幅印刷稿，還是優化網站圖形，Codia 都能輸出可編輯的 SVG，配合專業設計及開發的工作流程。
上載、拖放，或由 Figma 圖層開始
將 JPG、PNG、WebP 或 GIF 拖放到本頁頂部的轉換器，或在 Figma 選取圖片圖層再執行插件。Codia 會自動完成 SVG 轉換前的準備。
轉換圖片
為實際可用的矢量圖而設
路徑乾淨、細節實用的 AI 矢量化
識別形狀的描圖
不只是將像素變得平滑，而是將圖稿重建為矢量路徑，邊緣、填色及輪廓都可直接使用。
自動精準
毋須手動描圖或複雜設定，已能捕捉細小細節及曲線邊緣。
曲線及轉角
貼合順滑的貝茲曲線、利落的轉角及複雜輪廓，製作出可直接修飾的 SVG。
支援多種圖片
標誌、圖示、草圖、扁平插畫，以及不少接近相片的圖形，需要矢量版本時都適用。
轉換快捷
圖片處理快捷，由上載、預覽到下載，工作流程不會中斷。
色彩及透明度
保留全彩圖稿及透明區域，成品可直接用於網站、App、品牌素材及印刷檔案。
令 JPG 轉出更乾淨的 SVG
JPG 不支援透明，亦會因壓縮流失細節，事前稍作準備會有幫助。
- 1
由質素最高的檔案開始
重複儲存或壓縮嚴重的 JPG 帶有壓縮瑕疵，描圖引擎可能誤當作細節。請用原檔或最大的版本，或先將細圖放大。
- 2
先移除背景
JPG 一定有背景，而背景在 SVG 中亦會變成一個形狀。如需透明的矢量圖，請在轉換前先用去背景工具將主體摳出來。
- 3
相片轉出來會較複雜
相片會轉成大量彩色形狀及較大的檔案。標誌、圖示、掃描稿及扁平圖形可產生最乾淨、最易編輯的 SVG。
SVG API
透過 API 存取自動化圖片轉 SVG 轉換
在你自己的產品、素材管線、CMS 或設計自動化工作流程中，使用本頁背後的同一套向量引擎。提交 PNG、JPG、GIF 或 WebP 圖片，輪詢轉換完成，然後下載生成的 SVG。
提交圖片
以 multipart 表單資料上傳本機檔案，或從你的後端提交公開的圖片 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 額度，並僅在轉換成功後才扣款。
JPG 轉 SVG 常見問題
有關將 JPG 及 JPEG 圖片轉成 SVG 矢量圖的解答。