ToolsOnline

線上 SVG 程式碼編輯器

校驗、預覽並最佳化 SVG 原始碼,統計尺寸與體積

寬
—
高
—
原始碼大小(原)
—
原始碼大小(最佳化後)
—

      

關於這個 SVG 程式碼編輯器

在左側貼上 SVG 原始碼,編輯器以 DOMParser 按嚴格 XML 解析,語法錯誤會直接顯示錯誤訊息;右側即時算繪預覽,方便邊改邊看。解析出的寬高與原始碼位元組數(UTF-8)也會同步統計。

點擊「最佳化」可一鍵清理程式碼:移除註解、把屬性值裡的數字四捨五入保留 2 位小數、刪除純空白的文字節點,並顯示最佳化前後的體積對比。最佳化後的程式碼可一鍵複製。整個過程都在瀏覽器本機完成,SVG 內容不會上傳。