免费在线 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 的 Logo 放在手机屏幕上清晰,印成海报也清晰。以后想改一个颜色或一条曲线也很方便。换成 JPG,你只能在像素上涂涂抹抹。

做这些修改,不用买软件,也不用安装,打开浏览器就行。

  • 放多大都清晰

    图标从 16 px 放大到横幅尺寸也不会糊。

  • 里面是纯文本

    SVG 就是代码,用任何文本编辑器都能打开。

  • 以后改起来方便

    每个形状、颜色和文字都是独立的对象。

适合谁用

谁会用这个在线矢量图编辑器?

改图标和 Logo 的设计师

交稿前把 Logo 换成适合深色背景的配色,把太细的描边加粗,或者删掉图标里多出来的一小块形状。

给网页整理 SVG 的开发者

检查 viewBox,改 ID 名称,清理多余的图层,再保存 SVG。

准备切割文件的手工爱好者

每种颜色放一个图层,删掉太小、切不出来的细节,调好尺寸后再导入切割软件。

学生和老师

给课件和练习题画示意图、标注和简单插图。学校机房的电脑装不了软件也没关系。

这个在线 SVG 编辑器能做什么,不能做什么

先看清楚能做和不能做的事。

适合做的

  • 打开、编辑和保存 SVG 文件
  • 图标、Logo、徽章、示意图和简单插图
  • 修改颜色、描边、文字和路径形状
  • 手动编辑 SVG 源代码

这里做不了的

  • 保存为 PNG、JPG 或 PDF。这里只能保存 SVG。
  • 直接打开 AI、EPS 或 PDF 文件。请先把它们导出成 SVG。
  • 把照片转成矢量图形。这个需求请用图片转矢量图。
  • 自动保存。关闭标签页之前,记得先下载 SVG。

还没有 SVG 文件?

可以先用我们的其他工具,从一张图片或一段文字描述生成,再拿到这里来编辑。

关于矢量图编辑器的常见问题

打开 SVG,开始编辑

免费的在线矢量图编辑器就在页面顶部。改完记得下载 SVG。

返回编辑器