PNG 轉 SVG 使用方法
- 1
放入一張圖片
加入 PNG、JPG、WebP 或其他格式、不超過 25 MB 的圖片。標誌、圖示、簽名和扁平插圖的描繪效果最好。
- 2
選擇樣式
「黑白」會依亮度閾值產生單色圖形；「Color」最多使用 32 種顏色；「精細」最多可用 64 種。
- 3
整理路徑
調高「平滑度」可讓曲線更圓滑，用「雜訊過濾」去除小斑點，也可以開啟或關閉「移除背景」。
- 4
儲存 SVG
對照結果與原圖後，下載 name.svg，或把 SVG 程式碼複製到你的專案中。
限制與 Pro
一次處理一張、不超過 25 MB 的圖片，描繪時最長邊最多 2,000 px，最多 64 種顏色。
Pro 可處理最大 4 GB 的來源圖片。 查看 Pro
關於 PNG 轉 SVG
PNG 轉 SVG 會描繪點陣圖中的輪廓，並重建為向量路徑，所以結果放大到看板尺寸或縮小成網站圖示都不會出現像素。圖片會先以中位切分量化器縮減成調色盤，黑白模式則只保留單一圖形顏色，再由 imagetracerjs 引擎為每個色塊描出輪廓。產生的 SVG 每個顏色圖層各有一個 path 元素，沿用原圖的寬度與高度，也可以去掉背景圖層，讓標誌變成透明。
三種描繪解析度可在速度與細節之間取捨：「快速」以最長邊 800 像素處理，「均衡」為 1,200 像素，「高」為 2,000 像素。「平滑度」從會跟隨每個像素階梯的「精確」，到會大幅圓化轉角的「最高」；「雜訊過濾」最多可移除小於 40 像素的孤立小區塊。預覽下方的統計會顯示檔案的路徑數與顏色數，可作為檔案大小的參考。
適合的素材包括只剩 PNG 的公司標誌、掃描的簽名或印章、割字機或雷射雕刻機的切割檔，以及簡單的圖示。照片不太適合：結果會變得色塊分明，細節豐富的照片還可能產生好幾 MB 的 SVG，比 JPG 更大也更慢。漸層會出現明顯色帶，文字會變成圖形而不是可編輯的字，過細的線條在低解析度下也可能斷開。
隱私
描繪工作在這個分頁的專用 Web Worker 中執行：圖片在你的裝置上解碼，由 imagetracerjs 量化並描出輪廓，SVG 也在本機組合。描繪程式碼要等你選擇圖片後才會從本站載入。圖片和 SVG 都不會上傳，關閉頁面後也不會留存在任何地方。
功能
乾淨的向量路徑
每個顏色圖層一條精簡路徑，可縮放到任何大小而不出現像素。
三種樣式
「黑白」適合標誌和簽名，Color 適合扁平圖稿，「精細」適合較豐富的插圖。
平滑度與雜訊過濾
下載前先磨平鋸齒階梯，並去除細小斑點。
複製程式碼
可將 SVG 標記直接貼到 HTML、CSS 或設計工具中。