SVGCode 是一個將位圖圖像（如 JPG、PNG、GIF、WebP、AVIF 等）轉(zhuǎn)換為 SVG 矢量圖形的工具，它是一個漸進(jìn)式 Web 應(yīng)用程序（PWA），并且是開源的 。SVGCode 的主要功能是通過使用 WebAssembly 版本的 Potrace 工具，將像素圖像轉(zhuǎn)換為可縮放的矢量圖形，從而實現(xiàn)高質(zhì)量的圖像矢量化。此外，SVGCode 還支持多種高級功能，如顏色通道調(diào)整、創(chuàng)建彩色或單色矢量藝術(shù)、修改筆觸寬度等 。

SVGCode官網(wǎng)入口網(wǎng)址：https://svgco.de/

SVGCode 的實現(xiàn)基于 Peter Selinger 開發(fā)的 Potrace 命令行工具，該工具被轉(zhuǎn)換為 WebAssembly，以便在瀏覽器中運行。轉(zhuǎn)換后的 SVG 文件會通過 svgo 庫進(jìn)行自動優(yōu)化，以減少文件大小并提高性能。SVGCode 還利用了多種現(xiàn)代 Web API，包括文件系統(tǒng)訪問 API、異步剪貼板 API、文件處理 API 和窗口控件覆蓋自定義功能，以提供更流暢的用戶體驗。這些 API 的使用使得 SVGCode 不僅可以在網(wǎng)頁上運行，還可以通過 Microsoft Store 在 Windows 上安裝 。

SVGCode 的用戶界面友好，支持多語言，并且可以進(jìn)行簡單的調(diào)整。它不僅是一個在線工具，還可以通過 GitHub 克隆、安裝依賴、啟動應(yīng)用、處理代碼修改和創(chuàng)建拉取請求等步驟進(jìn)行開發(fā)和貢獻(xiàn) 。對于開發(fā)者來說，SVGCode 是一個很好的學(xué)習(xí)和實踐項目，因為它結(jié)合了多種現(xiàn)代 Web 技術(shù)和圖形處理算法。

SVGCode 還支持將 SVG 代碼轉(zhuǎn)換為 PNG 文件，這在某些應(yīng)用場景中非常有用。例如，Java 中可以通過 convertToPng 方法將 SVG 代碼轉(zhuǎn)換為 PNG 文件，并直接輸出到流中 。此外，SVGCode 還可以與Mermaid API 結(jié)合使用，以在網(wǎng)頁上動態(tài)生成和展示 SVG 圖形 。這些功能使得 SVGCode 不僅適用于圖像轉(zhuǎn)換，還可以用于創(chuàng)建交互式圖表和圖形。

SVGCode 是一個功能強大且靈活的工具，它不僅能夠?qū)⑽粓D圖像轉(zhuǎn)換為 SVG 矢量圖形，還可以通過多種方式與開發(fā)者和用戶進(jìn)行交互。