PNG 轉 SVG 轉換器

PNG 轉 SVG 轉換器會把點陣圖描摹成填色的向量圖形。它無法還原原始向量設計:圖形是根據像素重新建構的,因此邊緣只是近似值。標誌、圖示、線稿和其他顏色較少的平面圖案描摹效果很好。照片則不然,它們會變成龐大且斑駁的 SVG,檔案可能達到數 MB,有時甚至數十 MB,遠大於原本的 PNG。

兩種格式的差異說明了這麼做的價值。PNG 儲存的是固定的像素網格,放大後邊緣會出現鋸齒。SVG 儲存的是以路徑描述並填入顏色的輪廓,瀏覽器或設計軟體可以在任何尺寸下清晰地重新繪製。描摹後的 SVG 可以放進網頁、在向量編輯器中重新上色,也可以交給依據輪廓運作的切割機或雷射雕刻機讀取。

描摹分兩個步驟進行。首先,影像會被縮減為一組小型色盤,顏色數量由您在「顏色」中選擇。接著,描摹程式會沿著每個同色區域的邊緣走一圈,並以直線和曲線去擬合,每個區域產生一條填色路徑。每條路徑還會加上一圈以自身顏色繪製的 1 像素外框,用來填補相鄰圖形之間原本會出現的細縫。

有兩項設定會影響結果。顏色可選 2、8(預設)或 16。細節可選低、中(預設)或高:選「低」時,會先稍微模糊影像,以較寬鬆的曲線擬合,並捨棄比斑點還小的圖形,產生更簡單、更小的檔案;選「高」則會緊貼像素,並保留細小的圖形。變更任一設定,都會重新描摹每個已加入的檔案,而且每一列都會在 PNG 大小旁顯示新的 SVG 大小,讓您在下載前比較不同設定。

描摹使用 imagetracerjs,在背景的 Web Worker 中於用戶端執行,該程式庫只會在您加入第一個檔案時才下載,因此頁面不會卡頓,也不會上傳任何圖片。任一邊超過 1200 像素的圖片,會在描摹前先縮小,讓工作在數秒內完成,而 SVG 仍會設定為以原始寬度和高度開啟。描摹時間超過兩分鐘就會中止,並顯示訊息,建議減少顏色或降低細節。支援最高 100 百萬像素的 PNG,透明區域會變成透空的圖形。此工具免費、無需註冊,每日轉換次數設有上限。

• PNG 會在這個瀏覽器分頁內、於背景執行緒中解碼並描摹,圖片絕不會上傳。
• imagetracerjs 程式庫只有在您加入第一個檔案時,才會從本網站載入。
• SVG 只由描摹出的路徑組成,不含腳本、連結,也沒有嵌入原始 PNG 的副本。
• 每日用量檢查會傳送工具名稱、裝置識別碼,以及您的登入權杖(如果有的話)。不會包含任何圖片資料。
• 一批檔案處理完成後,頁面會記錄檔案數量、總位元組數和輸出格式,絕不會記錄檔案名稱或像素。