跳到正文
在线 SVG 编辑器

在线 SVG 编辑器

在浏览器里画图、编辑、导出 SVG —— 免注册，不上传。

如何在线编辑 SVG 文件

  1. 1

    打开编辑器

    从空白画布开始，或者直接拖入现有的 SVG 文件。

  2. 2

    绘制、编辑、排列

    使用选择、矩形、椭圆、直线、钢笔和文字工具。图层面板和 100 步撤销历史内置其中。

  3. 3

    导出作品

    下载干净的 SVG 文件，或导出为 PNG 格式。你的文件始终留在浏览器中，不会上传到任何服务器。

在浏览器中编辑 SVG 所需的一切

选择与变换

点击任意元素即可选中，然后移动、缩放或旋转。

路径编辑

直接在浏览器中添加、移动和删除路径节点。

形状与文字

一键绘制矩形、椭圆、直线和可编辑文字。

图层面板

查看所有元素的层级关系，支持重新排序、显示和隐藏。

撤销历史

支持最多 100 步撤销，使用 Ctrl+Z 和 Ctrl+Shift+Z。

键盘快捷键

删除、复制、微调、撤销、重做——全部映射到你熟悉的快捷键。

SVG 原生导入导出

导入即编辑，所见即所得。导出的是干净的 SVG，可以直接用于任何项目。

离线可用

首次加载后，编辑器完全在浏览器中运行，无需任何网络请求。

隐私优先

绝不上传

你的文件始终留在你的设备上，不会发送到任何服务器。

离线可用

加载一次后即可离线编辑，无需网络连接。

无需注册

不用注册、不要邮箱、没有水印。打开页面即可开始编辑。

什么是 SVG 文件？

SVG 是可缩放矢量图形（Scalable Vector Graphics）的缩写。与 PNG 或 JPG 不同，SVG 文件用数学描述来存储形状——直线、曲线和填充——而非像素网格。这意味着 SVG 可以缩放到任意尺寸，从 16 像素的网站图标到大型广告牌，都不会失真。

SVG 是图标、Logo、插画、图表等需要在各种分辨率下保持清晰的图形的最佳格式。而且因为 SVG 文件本质上就是 XML 文本，你可以在代码编辑器中修改它——或者直接在这个浏览器编辑器里，用可视化工具像使用原生应用一样操作。

谁在使用 Online SVG Editor

Web 开发者

清理从 Figma 或 Illustrator 导出的 SVG，调整路径，设置 viewBox，并在上线前优化文件。

UI / UX 设计师

无需打开完整的矢量应用，快速编辑图标和插画。

手工创作者

为 Cricut、Silhouette 和激光切割机准备切割文件——调整尺寸、换色、导出干净的 SVG。

学生与教育者

免费学习矢量图形，无需安装软件或购买许可证。

对比一览

与你可能已经在用的工具做一个快速对比。

Online SVG EditorIllustratorInkscapeCanvaFigmaBoxy SVG
永久免费 是否是部分支持部分支持部分支持
无需注册 是否是否否是
无需上传（本地处理） 是是是否否是
支持离线 是是是否部分支持是
SVG 原生（无损转换） 是部分支持是部分支持部分支持是
人工翻译中文 是部分支持部分支持部分支持部分支持否

最后更新：2026-04-12。“部分支持”表示有条件或受限——请参阅各厂商文档。

20+ SVG 工具，一站搞定

转换、优化、查看、换色、调整大小——所有工具都在浏览器中运行。

SVG 转 PNG 在浏览器里把 SVG 光栅化为清晰的 PNG。 SVG 优化器 在不损失质量的前提下缩小 SVG。 SVG 查看器 预览任意 SVG 文件并查看其结构。 SVG 转 JSX 把任意 SVG 变成一个可直接粘贴的 React 组件。 PNG 转 SVG 把位图描摹成可缩放的矢量图。 SVG 转 JPG 把 SVG 光栅化为带纯色背景的 JPEG。 SVG 转 Base64 把 SVG 编码为 base64 字符串或 data URI。 Base64 转 SVG 把 base64 字符串或 data URI 解码回 SVG。 SVG 转 Vue 把任意 SVG 包装成 Vue 单文件组件。 SVG 换色 无需打开编辑器即可替换 SVG 中的颜色。 SVG 改尺寸 给 SVG 设置新的宽高而不失真。 SVG 压缩器 为网页极致压缩 SVG。 SVG 转 PDF 在浏览器里把 SVG 导出为简单的 PDF。

从示例开始

精选的 SVG 示例，一键加载到编辑器中。

五角星
右箭头
爱心
点阵图案
六边形
简单圆形
斜条纹
首页图标

学习 SVG

来自博客的教程和深入解析。

如何为网页优化 SVG 文件 SVG、PNG、JPG 各自适合什么场景？ 如何在线编辑 SVG 文件（无需安装软件）

常见问题

真的免费吗？

是的。没有付费墙、没有水印、没有高级版。所有功能对所有人开放。

需要注册或创建账户吗？

不需要。页面加载完成即可开始编辑。我们不会索要你的邮箱或任何个人信息。

我的文件会被上传到服务器吗？

不会。所有操作——绘制、编辑、导出——都在你的浏览器中本地运行。你的文件绝不会离开你的设备。

可以离线使用吗？

可以。首次加载后，编辑器是一个独立的代码包。你可以断开网络继续编辑。

支持哪些文件格式的导入和导出？

导入：SVG。导出：SVG、PNG、JPG。专用工具页面还支持转换为 JSX、Vue SFC、Base64 和 PDF。

可以编辑 SVG 路径数据吗？

可以。钢笔工具用于创建路径，选择工具可以移动和删除单个路径节点。

支持图层吗？

支持。图层面板显示所有顶层元素，可以重新排序、显示或隐藏每一个图层。

可以编辑从 Illustrator、Figma 或 Inkscape 导出的 SVG 吗？

可以。编辑器读取标准 SVG 标记。来自 Illustrator、Figma、Inkscape、Sketch 等大多数工具的文件都能正常打开。

支持哪些浏览器？

所有现代浏览器：桌面或平板上的 Chrome、Edge、Firefox 和 Safari。不支持 Internet Explorer。

有文件大小限制吗？

没有硬性限制。性能取决于你的浏览器和设备——包含数千个节点的超复杂文件可能会变慢。

有哪些键盘快捷键？

Ctrl+Z 撤销，Ctrl+Shift+Z 重做，Ctrl+D 复制，Delete 删除选中内容，方向键微调位置。

在手机上能用吗？

可以在平板上查看 SVG 和进行基本编辑。手机屏幕通常太小，不适合精确的矢量编辑。

立即开始编辑——无需注册

打开编辑器