標誌檔案 · PNG 轉 SVG
把 PNG 標誌轉成 SVG,使用前先檢查

印刷廠、招牌師傅或網頁工程師要你提供「SVG 格式」的標誌,而你手上只有 PNG。轉換本身很快。要確認結果是否為可用的向量檔,則需要再花幾分鐘,而這幾分鐘能避免招牌模糊,或標誌周圍多出一個白色方框。
本指南使用 Ciyo 的 Vector 功能轉換一個簡單的標誌圖形,並列出之後要檢查的項目。這個標誌屬於虛構的文具店 Fold,是在 Ciyo 中生成的;轉換於 2026 年 9 月 18 日執行。我們在畫布上比較了結果,但沒有用外部編輯器開啟這個 SVG。
了解轉換做得到與做不到的事
PNG 儲存的是像素。SVG 可以儲存在任何尺寸下都保持銳利的形狀。描圖會推測邊緣位置,把像素轉成形狀。只有幾種純色的平面標誌描圖效果很好。照片、柔和陰影、漸層和極小的文字則描得很差,因為描圖工具必須憑空補出像素只是隱約暗示的邊緣。
也要注意,副檔名為 .svg 的檔案,裡面可能只是嵌入了一張點陣圖。這種檔案換了外殼,本質上仍是點陣圖片。
2026 年 9 月 13 日,r/Inkscape 一則標題為「點陣像素轉向量」(Raster pixels to vector)的貼文就呈現了這個問題。它的截圖把一張像素畫卡片和一次向量轉換嘗試並排,後者大部分人物都不見了,整張卡片被一塊平塗的色塊填滿。
| 來源 PNG | 預期結果 |
|---|---|
| 平面標誌,一到兩種純色 | 形狀俐落;最理想的情況 |
| 含小字的標誌 | 字母可能變糊或黏在一起;每個字元都要檢查 |
| 漸層或柔和陰影 | 出現色階斷層或大量細碎形狀 |
| 低解析度或模糊的檔案 | 邊緣跟著模糊處歪斜起伏 |
| 照片或插畫 | 檔案非常龐大;通常維持點陣格式 |
一位 Inkscape 使用者將像素畫圖示描成向量的截圖。它說明的是一般的描圖問題,與 Ciyo 無關。
準備你手上最乾淨的來源檔
使用手邊最大、最清晰的 PNG,最好是單色背景。移除不屬於標誌的東西,例如樣機陰影或浮水印。如果標誌放在一個不該屬於圖形的彩色方塊上,請在轉換前先處理掉。
我們的來源是一張 1,024 × 1,024 的平面標誌:白底上一張摺角的炭灰色紙張。這幾乎是描圖最理想的情況。
從圖片選單執行 Vector
把 PNG 放到 Ciyo 畫布上並選取它。開啟圖片工具列最後的「…」選單,選單中列出 Adjust、Crop、Vector 和 Flip & Rotate。選擇 Vector。
Vector 是計費操作。在我們的操作中,它立即開始執行,沒有另外的設定面板,點數餘額減少了 2 點。結果出現在來源圖片旁邊。

確認你拿到的是向量檔
結果的標籤是「SVG 1」,它的工具列也改為顯示 Vector 和 Download,而不是照片編輯操作。這個標籤是第一個確認,表示 Ciyo 把結果存成了 SVG 素材。
把兩者並排比較。形狀應該和來源一致:比例相同、缺口相同、圓角半徑相同。描圖工具可能會把尖角修圓,或把輕微的弧線拉直。

送出之前先檢查 SVG
放大檢查邊角和細小的間隙;向量邊緣放大後仍然銳利,而描圖錯誤則會更加明顯。如果你需要透明背景的標誌,確認背景真的已經移除;也確認顏色是精確的品牌色值,而不是相近的近似值。
可以的話,用向量編輯器開啟下載的檔案,數一數形狀數量。簡單的標誌應該只有少量路徑。如果有數百個細小碎片,代表來源太模糊或細節太多。
| 檢查項目 | 重要原因 |
|---|---|
| 放大 400% 時的邊緣 | 描圖造成的歪斜會在大型印刷品上顯現 |
| 背景 | 標誌後面的白色方框,常在深色招牌上造成意外 |
| 顏色 | 印刷廠比對的是檔案中的數值,而不是你的本意 |
| 路徑數量 | 碎片太多會讓檔案難以編輯 |
| 小字 | 黏在一起的字母必須重畫,而不是描圖 |
知道何時該改為重畫
如果標誌包含文字、細線或多種重疊的顏色,請設計師從頭重畫,可能比修正描圖結果更快。把描圖當作參考圖層,而不是最終檔案。
如果是新標誌,先決定形狀,最後再轉換。每份草稿都轉換,會讓被否決的構想看起來像已經完成。
PNG 轉 SVG 常見問題
把 PNG 轉成 SVG 能改善模糊的標誌嗎?
不能。描圖工具依照拿到的像素描繪,模糊的來源只會得到不平整的形狀。請從你手上最清晰的檔案開始。
Ciyo 的 Vector 功能是免費的嗎?
不是。它是計費操作;2026 年 9 月 18 日這次轉換讓我們的餘額減少了 2 點。價格可能會變動,請查看你的餘額和價格頁面。
可以把照片轉成 SVG 嗎?
可以,但結果通常是一個包含大量形狀的大檔案。照片請維持點陣圖片格式。
把乾淨的 PNG 轉成向量檔
把標誌上傳到 Ciyo,執行 Vector,並在送印前檢查 SVG。