用於 Canva 和 Figma 的 PNG 轉 SVG

在 Canva 中放大您的標誌時它變得模糊，或者您需要在 Figma 中使用真正的矢量圖層。將 PNG 轉換為符合 Canva 上傳規則的純色 SVG。

將PNG拖放到此處

拖放圖片，或點擊選擇檔案。

選擇圖片

PNG, JPG, WEBP, BMP, GIF

轉換器將使用以下推薦設定開啟。 打開不帶文件的轉換器

原始網格

青色圓形上的扁平火箭圖標，儲存為PNG格式

SVG 向量

相同的圖標被追蹤為 SVG，作為 handful 的扁平彩色形狀
未經編輯的 SVGR 輸出，設定如下：幾個扁平形狀，無即時文字，無漸層，遠低於 Canva 3 MB 的上傳限制。

如何將PNG轉換為Canva或Figma使用的SVG

  1. 從最乾淨的 PNG 開始. 使用你擁有的最大版本，並裁剪至藝術品大小。純色和硬邊易於追蹤。
  2. Upload and convert. 將 PNG 檔案拖曳至此；也支援 JPG、WEBP、BMP 和 GIF，最大容量 15 MB。預設值已套用，且預覽功能免費，無需帳號。
  3. Check the preview. 查找雜散的色點、缺失的細節以及同一顏色的多餘色調，並在需要時調整質量。
  4. Download the SVG. 下載它需要一個信用點。對於 Canva，請檢查檔案是否小於 3 MB；如果不是，請降低品質並再次轉換。
  5. Import it. 在 Canva 中，透過上傳功能新增它。在 Figma 中，將 SVG 拖曳到畫布上。

推薦設定

圖像類型設計設計適用於扁平色彩圖形，如圖標、徽標和徽章：硬邊、扁平填充，且文件中無裁切瓦片。
品質5/105 平衡細節與檔案大小；如果 SVG 超過 Canva 的 3 MB 限制，請降低該值；如果在 Figma 中需要精細細節，請提高該值。
辨識文字關閉關閉，因此文字被追蹤為形狀：Canva 要求將文字擴展，並且標誌字母保持其確切的設計。
透明背景在On，因此移除了外部背景，圖形位於任何 Canva 或 Figma 背景之上。
合併路徑關閉對設計類型無效（僅適用於照片類型），因此請將其關閉。

為什麼PNG在Canva和Figma中變得模糊

PNG 是一組像素網格。若將其放大用於 Canva 中的橫幅或 Figma 中的大型框架，邊緣會變得模糊且呈鋸齒狀。將 PNG 轉換為 SVG（適用於 Canva 和 Figma）會以向量圖形取代像素，使圖形在任何尺寸下保持清晰。

如果你使用 Canva 的免費方案製作標誌，也會有所幫助。將 SVG 上傳至 Canva 並不限於 Pro 用戶，但以下載 SVG 格式儲存設計則是付費方案的功能。請改為以下載 PNG 格式，並在此處執行 Canva PNG 轉 SVG 的步驟。

Canva 上傳 SVG 的規則

Canva 的說明中心列出了 SVG 上傳的幾項要求。以下是每項要求與 SVGR 的對應關係。

Canva SVG上傳要求及滿足方法
Canva asks for How to get there in SVGR
A file under 3 MB 將品質移向較小的檔案，或裁剪來源檔案以僅保留藝術作品
SVG 1.1 SVGR 中無此設定；如果 Canva 拒絕檔案，請先檢查尺寸和漸層行
展開所有筆觸、路徑和文字方塊 輸出由填充形狀組成，沒有描邊；請保持「識別文字」關閉，以免添加即時文字
避免使用紋理和漸層 當「設計類型」和「辨識文字」關閉時，SVGR 會追蹤平面色彩；請從平面藝術開始，因為來源中的漸層會呈現為色帶。

將 SVG 匯入 Figma 後您將看到的內容

Figma 會將 SVG 匯入為向量圖層，因此您可以直接選取、重新著色和調整形狀大小。這就是 Figma PNG 轉 SVG 轉換的重點：您獲得的是可編輯的形狀，而非扁平的影像。

SVG 圖形將形狀堆疊，而不是切割出孔洞。字母 O 的內腔或環內部的空隙，是一個以背景色填充的形狀，疊加在實心形狀之上，因此在 Figma 中您會看到重疊的圖層。這在匹配的背景上看起來是正確的，但在任何其他顏色上則會顯現出來。

要建立真正的挖空效果，請選取上方的形狀並與下方的形狀一起選取，然後套用 Figma 的布林運算中的「減去」功能。

文字：追蹤形狀還是即時文字？

關閉「識別文字」功能時，字元會以圖形方式追蹤。它看起來與原版完全相同，且在兩個應用程式中均可使用，但您無法重新輸入它。

開啟此選項後，偵測到的文字會變成即時 SVG 文字，且 SVGR 也會執行色彩精煉，這可能會加入漸層填色。Canva 要求將文字展開，因此在該平台請保持關閉。Figma 會將 SVG 文字匯入為即時文字，但存在以下問題：文字透明度會被忽略、以 em 為單位的字體大小會被讀取為像素，以及個別文字範圍的字距調整會被忽略。

對於徽標，請關閉「識別文字」功能。如果需要可編輯的標題，請使用正確的字型在 Figma 中重新輸入。

已知的限制

  • PNG 轉 SVG 適用於 Canva 和 Figma 的平面圖形，但不適用於照片。將照片描繪後會產生龐大且複雜的檔案；在 Canva 中，請直接上傳照片本身（JPG 或 PNG 格式）。
  • 帶有柔和邊緣的 PNG 檔案可能會產生近似的重複顏色，例如多種幾乎黑色的色調。如果您希望擁有乾淨的配色方案，請在 Figma 或其他編輯器中將它們重新着色為單一顏色。
  • Canva 如何讓您重新上色上傳的 SVG 取決於檔案本身，且我們尚未對所有設計進行測試。在建立以該功能為核心的範本之前，請先上傳一個測試檔案。
  • 在 Canva 中，圖形的堆疊順序也很重要。使用透明背景時，字母 O 的內部會保留其原始背景顏色，並在其它任何顏色上顯示為一個斑點。請在上傳前，於 Figma 中裁切這些孔洞，或在 Inkscape 中使用「路徑 > 差集」功能處理。
  • 透明背景會移除以影像角落顏色繪製的形狀，這正是人們所指的背景。如果您的 artwork 延伸到所有四個角落，或角落顏色不同，則不會移除任何內容，背景將保留 — 請為 artwork 提供均勻的空白邊距，然後再次轉換。完全被 artwork 包圍的區域永遠不會被移除，且已具有透明度通道的 PNG 將保持原樣。
  • 曲線由許多短直線段描繪而成。若從小圖開始描繪，放大後可能會顯得有些稜角，因此請從您擁有的最大副本開始。

常見問題

免費計畫是否支援上傳 SVG 檔案到 Canva？

是的。上傳 SVG 檔案並不限於 Pro 方案；將您的設計下載為 SVG 格式才是付費方案的專屬功能。請將檔案大小保持在 3 MB 以下。

為什麼我的 SVG 在 Canva 中看起來不正確？

Canva 要求提供 3 MB 以下的 SVG 1.1 檔案，並需將筆畫、路徑和文字轉為展開狀態，且不含紋理或漸層。請先檢查是否有即時文字和漸層填充：從純色來源再次轉換，並關閉「識別文字」功能。

為什麼 Figma 中的形狀會重疊在一起？

SVG 圖形堆疊形狀：字母或環中的孔是一個疊加在實心形狀之上的背景色形狀。選取兩者並使用「減去」工具，即可將其轉為真正的孔洞。

Can I edit the text?

關閉「識別文字」時，文字會轉為圖形：您可以重新著色和調整形狀，但無法重新輸入。開啟時，Figma 會將其匯入為可編輯文字，但會忽略文字透明度和部分字距調整。Canva 要求文字展開，因此在 Canva 中請保持關閉。

Is the file too big?

Canva 的 SVG 上傳限制為 3 MB。請將品質調至「較小檔案」，裁剪至 artwork，或減少來源的顏色數量，然後再次轉換。

如果圖片是 JPG 格式或截圖，我可以為 Canva 將其矢量化嗎？

是的。SVGR 支援 PNG、JPG、WEBP、BMP 和 GIF 格式，檔案大小上限為 15 MB。轉換與預覽功能免費且無需帳號；下載則需消耗一個信用點數。

相關用例

印刷用標誌將網站或電子郵件簽名徽標轉換為您印表機要求的向量檔案。AI 標誌將來自 ChatGPT、Gemini、Midjourney 或 Looka 的標誌矢量化，使其適用於列印和招牌展示。草圖和繪畫將墨水草圖、線條藝術和兒童繪畫轉換為可縮放的 SVG，適用於商品和印刷。照片轉矢量藝術將照片轉換為大膽的矢量藝術，用於海報、肖像和周邊商品。

準備好轉換了嗎？

轉換和預覽免費，無需帳戶。下載 SVG 或 PDF 將使用一個積分。