只為 SVG 而生:Boxy SVG 匯出的程式碼乾淨到可以直接動手改
摘要
Boxy SVG 只管 SVG 這一種格式。編輯多在畫布上直接完成,匯出保留 ID、class 與 title,原始碼可以就地查看修改,網頁版免費。
- 軟體名稱
- Boxy SVG
- 版本
- 4.111
- 開源
- 非開源
- 作業系統
- WindowsmacOSLinux
- 更新時間
- 2026-10-06 13:36
只管一種格式,而且管到底
多數向量編輯器走的是「一套全包」的路子:圖示、插畫、排版、匯出全塞進同一個應用程式,工具列於是越長越壯。Boxy SVG 反過來,只盯住 SVG 這一種格式。它對自己的說法是「為初學者、專業設計師與開發者打造的 SVG 編輯工具」,這句話其實把實際會用的人講完了。第一個版本 2013 年就上了 Mac 的應用商店,後來整個重寫成以開源瀏覽器內核為底的應用,網頁版與桌面版因此是同一套東西,而不是兩個勉強同步的產品。
編輯都在畫布上完成
介面刻意留白。幾何形狀、變換、漸層與填色的調整,都是直接在畫布上拖控制點完成,面板擋路時一個動作就收起來。路徑工具把二次與三次貝茲曲線分開,另外備了連續圓弧工具——畫機械感的東西時,缺的通常就是這一件。路徑運算是一整套:合併、相交、相減、排除、閉合、反轉;排列操作也齊:對齊、旋轉、翻轉、編組。文字可以沿著路徑排,顏色、漸層與圖案能存成可重複使用的定義,改一處,引用它的物件全部跟著變。
對寫程式的人友善
匯出是最被拿出來講的一環,而且有理。輸出會保留 ID、class 與 title,不會把它們埋進一堆多餘的標記裡,所以放進前端專案之前不必先洗一遍。元素面板可以直接查看並修改 SVG 與 CSS 原始碼,用起來接近瀏覽器的開發者工具,也支援 sprite 編輯。除了 SVG 與壓縮版,匯出清單還涵蓋 PNG、JPG、WebP、PDF 與 HTML。
乾淨的輸出為什麼比聽起來重要
一份帶著有意義名稱的檔案,是開發者能夠推理的檔案。樣式可以抽進樣式表,一個群組可以用 class 指名,而 title 早就為使用螢幕閱讀器的人準備好了。半年後某個圖示要換顏色時,「改一個 class」與「在一堆生成標記裡翻找」之間的差別,就是五分鐘與一個下午的差別。把單一格式放在工具的中心,而不是當成多個匯出選項之一,換來的就是這種實用價值。
版本與授權
網頁版打開就能用。桌面版需要付費授權,標價約十美元,涵蓋 Windows、macOS、Linux 與 ChromeOS。內建字型庫與圖庫素材,快速鍵可以改寫,覆蓋上百條命令,手動參考線、智慧參考線與格線都具備。開發者自己在 Linux 軟體源維護的套件又往前走了幾步,加進另一套表情符號與匯出色域的選項。
SVG 為什麼值得一個專門的工具
SVG 是用文字描述圖形的格式:放大不會糊,改一個數字就能調整形狀,瀏覽器還能把它當成頁面的一部分來排版。這些好處只有在檔案本身乾淨時才成立。工具若在存檔時塞進圖層名稱、隱藏節點與自家格式的殘留,好處就被抵銷掉,接手的人得先做一次清理。把格式當成唯一的目標,意味著每一次輸出都是可以直接交付的狀態。
適合什麼樣的人
如果工作主要是圖示、介面插畫,以及要嵌進網頁的向量圖,那麼一款專注單一格式、匯出乾淨、原始碼又能直接動手改的編輯器,扛起來比什麼都做的套件輕得多。網頁版不收費,合理的順序是先在那裡試一試,再決定要不要買桌面授權。