如何在瀏覽器中編輯 SVG 檔案

SVG（可縮放向量圖形）以形狀和路徑的方式儲存圖像，靠的是數學運算，而不是像素。這就是為什麼儲存為 SVG 的標誌無論用作網站圖示還是巨幅廣告看板都能保持銳利清晰，也是它成為圖示、標誌和插畫理想格式的原因。這也代表你可以開啟檔案直接編輯實際的形狀，而不是逐個像素地塗改。

編輯 SVG 原始檔幾乎總是比編輯匯出的 PNG 更好：移動一個錨點，曲線依然平滑；更改填色，顏色精確無誤；縮放整個圖形，也不會出現模糊。要做到這一點，你需要一款懂向量的編輯器。

EditItAll 向量編輯器可直接在瀏覽器中開啟 SVG 檔案：

• 開啟編輯器並載入你的 .svg 檔案，可以是標誌、圖示集或插畫。
• 用選取工具（V）移動和縮放整個物件，用直接選取工具（A）抓取個別錨點。
• 更改填色和筆畫顏色，用文字工具（T）編輯任意文字，並借助智慧型參考線和 Illustrator 風格的快捷鍵將形狀精確對齊。

你的操作會隨時自動儲存到瀏覽器中，即使載入完成後斷網，整個編輯器依然能繼續運作，這清楚地證明你的檔案不會被傳送到任何地方。

真正的強大之處在於重塑路徑。鋼筆工具（P）透過貝茲控制把手放置錨點，讓你可以重新繪製曲線、為標誌新增節點，或從零開始描繪新形狀。鉛筆工具則用於徒手繪製。

要製作更複雜的作品，可以用布林運算合併簡單形狀：用聯集把它們融合在一起，用減去上層從一個形狀中挖去另一個，用交集只保留重疊部分，用差集去掉重疊部分。這些運算基於精確算術的幾何引擎運作，因此得到的邊緣始終乾淨俐落，不會出現哪怕幾分之一像素的偏移。這就是把幾個矩形和圓形變成一個成品圖示的方法。

完成後，儲存回 .svg 以保持檔案完全可編輯，或者在需要用於網頁或文件的點陣圖像時，匯出2× 的 PNG。如果你手上已經有 SVG，只想要 PNG，專門的 SVG 轉 PNG 轉換器一步就能完成。

誠實地說有兩個限制：編輯器讀取的是標準 SVG，而不是 Adobe 的 .ai 或 .eps 檔案，並且它不支援漸層網格、圖樣填色或 CMYK 顏色。不過，對於將日常的標誌、圖示和插畫編輯為 SVG 而言，你需要的一切都能在你的裝置上運作。開啟向量編輯器即可開始。