點樣將圖片轉成 SVG？

在本頁頂部的轉換器上載 JPG、PNG、WebP 或 GIF。Codia 會在 Codia Studio 開啟圖片，以 AI 矢量化，並製作可預覽及下載的 SVG。在 Figma，安裝 Codia AI VectorMagic 插件，選取圖片圖層後執行，即可在畫布上得到可編輯的矢量圖。

圖片轉 SVG 工具是否免費？

是的，用免費的 Codia 帳戶即可免費開始，無需信用卡。Figma 插件的免費方案每月包括 10 點 AI 點數，適用於較細的圖片；瀏覽器內的轉換在 Codia Studio 進行，會使用 Studio 點數。付費方案提供更多點數，並支援更大的圖片。

可以將 PNG 及 JPG 轉成 SVG 嗎？

可以。支援上載 PNG、JPG、WebP 及 GIF，靜態圖片效果最好。Codia 會將圖片描成全彩 SVG 路徑，透明區域保持透明，並輸出標準 .svg 檔案，可在 Figma、Illustrator、Inkscape 或任何網頁瀏覽器開啟。

標誌、圖示及相片都轉到嗎？

標誌、圖示、扁平插畫、字款設計等形狀清晰的圖形，轉出來的矢量圖最乾淨。細小或模糊的標誌、非常尖銳的轉角，效果可能比原圖圓潤，建議用手上最大、最清晰的版本，轉換後再修飾路徑。相片亦可轉換，但細節豐富的畫面會產生又大又複雜的 SVG。

Figma 插件在 Figma 免費方案上可以用嗎？

可以。Codia AI VectorMagic 可在任何 Figma 設計檔案中運行，包括 Figma 免費方案，並將轉換後的矢量圖以可編輯路徑放到畫布上。Figma 插件需在 Figma 桌面版或電腦瀏覽器中的 Figma 運行；用手機的話，請使用本頁的轉換器。

Figma Community 用戶 27,000+ · 讚好 250+

圖片轉 SVG：將 PNG、JPG 變成清晰矢量圖

上載 JPG、PNG、WebP 或 GIF，Codia 的 AI 會將它重建成全彩 SVG，放大、編輯、下載都不會失去細節。可直接在瀏覽器內轉換，亦可用 Figma 插件在 Figma 內將圖片矢量化。

免費開始 · 無需信用卡 · Figma 插件每月 10 點免費點數

用緊 Figma？免費下載 VectorMagic 插件

為常見的創作工作流程而設

實際效果

適用於標誌、印刷及設計的高質素 SVG 轉換

PIXELSVECTORS

上載一張點陣圖，跟隨瀏覽器內的指引轉換成可縮放的矢量圖。Codia 會保留銳利邊緣、順滑曲線及重要細節，令圖形超出原本像素尺寸後依然好用。

無論是重造標誌、準備大幅印刷稿，還是優化網站圖形，Codia 都能輸出可編輯的 SVG，配合專業設計及開發的工作流程。

將點陣圖變成可編輯的矢量圖

Codia 會分析你上載的圖片，將看得見的形狀重建為矢量路徑，製作出任何尺寸都清晰的 SVG。適合要在網頁、印刷及設計工具之間使用的標誌、圖示、草圖、插畫等圖形。

免費下載 Figma 插件

為實際可用的矢量圖而設

路徑乾淨、細節實用的 AI 矢量化

識別形狀的描圖

不只是將像素變得平滑，而是將圖稿重建為矢量路徑，邊緣、填色及輪廓都可直接使用。

自動精準

毋須手動描圖或複雜設定，已能捕捉細小細節及曲線邊緣。

曲線及轉角

貼合順滑的貝茲曲線、利落的轉角及複雜輪廓，製作出可直接修飾的 SVG。

支援多種圖片

標誌、圖示、草圖、扁平插畫，以及不少接近相片的圖形，需要矢量版本時都適用。

轉換快捷

圖片處理快捷，由上載、預覽到下載，工作流程不會中斷。

色彩及透明度

保留全彩圖稿及透明區域，成品可直接用於網站、App、品牌素材及印刷檔案。

上載、拖放，或由 Figma 圖層開始

將 JPG、PNG、WebP 或 GIF 拖放到本頁頂部的轉換器，或在 Figma 選取圖片圖層再執行插件。Codia 會自動完成 SVG 轉換前的準備。

轉換圖片

用 Codia AI 矢量化

Codia 會偵測形狀、曲線、顏色及邊緣，再將圖片重建為可縮放的 SVG 幾何圖形。放大作印刷或縮細作介面用途，都不會變矇或出現格仔。

上載圖片

下載後繼續編輯

預覽 SVG，在 Studio 或 Figma 快速調整，再下載完成的矢量圖，用於網站、App 素材、簡報、品牌設計或大幅印刷。

免費下載 Figma 插件

點陣圖 vs SVG

點解要將 JPG、PNG 轉成 SVG？

任何尺寸都清晰

SVG 不受解像度限制。放大作印刷或縮細成介面圖示，都不會出現點陣圖常見的模糊及格仔。

適合網頁的高效檔案

以標誌、圖示及簡單插畫而言，SVG 通常可以保持清晰之餘維持輕巧，非常適合網站及 App。

方便重用

同一個 SVG 可用於網站、手機 App、精品樣稿、簡報及印刷排版，不用為每個尺寸重新匯出點陣圖。

天生可編輯

SVG 由路徑及形狀組成，設計師及開發人員可按需要調整顏色、簡化幾何、加入動畫或描述性元數據。

SVG API

透過 API 存取自動化圖片轉 SVG 轉換

在你自己的產品、素材管線、CMS 或設計自動化工作流程中，使用本頁背後的同一套向量引擎。提交 PNG、JPG、GIF 或 WebP 圖片，輪詢轉換完成，然後下載生成的 SVG。

提交圖片

以 multipart 表單資料上傳本機檔案，或從你的後端提交公開的圖片 URL。

輪詢非同步工作

create 端點會回傳 record_id。輪詢 get 端點，直到狀態為 complete 或 failed。

下載 SVG

取得回傳的 svg_url，並將其儲存至你自己的素材系統以供長期使用。

查看 SVG API 文件建立 API 金鑰

端點

POSThttps://openapi.codia.ai/v2/open/svg_converter/create

請求

curl '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 的解答。