免費線上 SVG 編輯器

線上向量圖編輯器

開啟 SVG 檔,修一個形狀、換個顏色或補一行字,再下載 SVG。免費 SVG 編輯器,在瀏覽器裡就能用,不用安裝。

免費、免註冊檔案留在你的裝置上無浮水印

你的向量圖工作區

檔案保留在你的裝置上

建議使用較大的螢幕進行精細編輯。你可以在這裡橫向捲動工作區。

正在準備工作區…

透過 SVG-Edit 選單開啟或儲存檔案。選取工具即可開始繪製。

採用 SVG-Edit

使用步驟

如何線上編輯 SVG 檔?

三個步驟,都在這一頁完成,不用註冊帳號。

01

開啟你的 SVG

從編輯器的主選單選擇開啟,挑一個電腦裡的 SVG 檔。手邊還沒有檔案?可以先載入範例,或從 800 × 600 的空白畫布開始。

02

動手修改

點一下物件就能選取。換個填色或筆畫顏色、拖動節點改變曲線,或點進文字直接打字。改錯了?按 Ctrl+Z 復原,Mac 是 Cmd+Z。

03

下載 SVG

在同一個選單選擇儲存,就會下載檔案。形狀、路徑和文字都還能再編輯,放到多大,邊緣都一樣銳利。

功能

免費 SVG 編輯器有哪些工具?

做 Logo、圖示、流程圖都可以,也很適合快速修改手上現有的檔案。

畫形狀、星形與多邊形

畫矩形、圓形、直線,也能徒手畫。形狀庫裡還有星形、多邊形、箭頭和現成的符號,可以直接拿來用。

修路徑與節點

用路徑工具畫曲線,接著單獨移動節點和控制把手、新增或刪除節點,也能把任何形狀轉成路徑。

上色與漸層

設定填色和筆畫(外框線)的顏色、漸層、線條粗細、虛線和不透明度。滴管工具可以把一個物件的樣式套到另一個物件上。

加上可編輯的文字

加上文字後,可以調整大小、粗體或斜體、對齊方式和字距。字型來自你的裝置,換一台電腦打開,文字看起來可能不一樣。

分圖層、群組與對齊

把畫面的不同部分放在不同圖層。物件可以組成群組、對齊、平均分布,也能移到前面或送到後面。

精準調整位置與大小

拖拉控制點就能變形,也可以直接輸入 X、Y、寬度和角度的精確數值。有復原和重做,想試新點子也不怕改壞。

直接改 SVG 程式碼

打開原始碼檢視,就能閱讀或手動修改 SVG 程式碼。像 ID 或 viewBox 這種用滑鼠點不到的地方,在這裡可以直接改。

對齊格線、放大細節

開啟格線方便排整齊,放大畫面處理很小的細節。連接線會連住兩個形狀,移動形狀時,線也會跟著走。

匯入其他檔案

可以開啟其他設計軟體存出的 SVG,儲存前記得檢查濾鏡和效果。用匯入功能,還能把另一個 SVG,或是 PNG、JPG 圖片放進目前的畫面。

SVG 是什麼?為什麼要用向量方式編輯?

SVG 是 Scalable Vector Graphics 的縮寫,中文常叫「可縮放向量圖形」。SVG 檔存的不是像素,而是形狀、線條、曲線和文字的繪製指令,瀏覽器會依照你需要的尺寸重新畫出來。

所以存成 SVG 的 Logo,在手機螢幕上很清楚,印成海報也一樣銳利。之後想改一個顏色或一條曲線也很簡單。換成 JPG,你就只能在像素上塗改。

不用買或裝向量繪圖軟體,也能做這些修改。開啟檔案,改掉想改的地方,再存回 SVG 就好。

  • 放大也清楚

    圖示從 16 px 放大到橫幅,都不會模糊。

  • 裡面是純文字

    SVG 其實是程式碼,用任何文字編輯器都打得開。

  • 之後好修改

    每個形狀、顏色和文字,都是獨立的物件。

適合誰用

誰會用線上向量圖編輯器?

修改圖示和 Logo 的設計師

交件前才發現圖示多了一個形狀?直接刪掉就好。也能把 Logo 改成適合深色背景的配色,或把太細的線條加粗。

整理網頁 SVG 的工程師

檢查 viewBox、重新命名 ID、刪掉隱藏的圖層,存成整理好的 SVG,放進網站或 App。

準備切割檔的手作玩家

想把貼紙圖案送進割字機?先把每種顏色分到各自的圖層,刪掉刀片切不出來的細節,調整好尺寸,再匯入割字機的軟體。

學生和老師

替簡報和學習單畫圖表、標籤和簡單插圖。就算是電腦教室裡不能安裝軟體的電腦,也能直接用。

線上 SVG 編輯器能做與不能做的事

先看清楚哪些可以、哪些不行,再開始動手。

適合做的事

  • 開啟、編輯和儲存 SVG 檔
  • 圖示、Logo、徽章、圖表和簡單插圖
  • 修改顏色、筆畫、文字和路徑形狀
  • 手動編輯 SVG 原始碼

這裡做不到的事

  • 存成 PNG、JPG 或 PDF。這一頁只能存 SVG。
  • 直接開啟 AI、EPS 或 PDF 檔。請先匯出成 SVG。
  • 把照片變成向量形狀。這件事請交給「圖片向量化」。
  • 自動儲存。關閉分頁前,請先下載你的 SVG。

還沒有 SVG 檔?

先用我們的其他工具,從圖片或一段文字描述做出向量圖,再到這裡開啟編輯。

常見問題

線上向量圖編輯器就在頁面最上方

改好記得下載 SVG。

回到編輯器