StyleSVG

SVG 编辑器

用这个免费 SVG 编辑器,直接在浏览器里编辑 SVG 文件。点击形状即可修改填充、描边、不透明度或文字,拖到合适位置、旋转、调整图层顺序或删除不需要的部分,其他改动可以切到代码视图完成。随时一键撤销,文件不会离开你的设备。

拖入要编辑的 SVG

最大 10 MB 的 SVG · 在浏览器里转换,不会上传

选择 SVG

SVG 在你的设备上转换,不会上传。文件里引用的外部字体和图片不会被加载。

带蓝色圆环、橙色星星和写着 MAKER CLUB 红色绶带的徽章设计
编辑前:原始徽章 SVG。
同一徽章改成绿色和粉色,星星旋转,文字改为 CRAFT CLUB | SVG 编辑器
编辑后:新的颜色、更粗的内圈、旋转的星星和新的绶带文字,全部在编辑器里完成。

这个 SVG 编辑器能做什么?

SVG 是描述形状的文本文件,不用重画就能修改。这个 SVG 编辑器把常用修改做成简单的控件,代码也随时可以打开。

修改颜色、描边和文字

选中任意形状,设置填充色、描边色、描边宽度和不透明度,或给文字元素输入新内容。从分组继承的颜色也会显示,你设置的值总会覆盖旧的内联样式。

移动、旋转、调层级和删除

在画布上拖动形状或用方向键微调,以 15° 为一步绕中心旋转,上移或下移一层,删掉背景矩形之类多余的元素。

先查看,再编辑

图层列表显示每个可绘制元素的名称和颜色,别人做的文件也容易摸清结构。只想看一看文件?可以只查看尺寸和代码,不做修改。

SVG 查看器 →

为什么用这个 SVG 编辑器?

桌面设计软件功能强大,但为一个小改动去安装和学习太慢。这个 SVG 编辑器在任何浏览器里即开即用,完成大多数人需要的小修改。

免费、在线、隐私

无需账号,没有水印和次数限制。文件在你自己的电脑、平板或手机上读取和编辑,客户 Logo 和个人设计都留在你手里。

打开网上的文件也安全

从网上下载的 SVG 可能带有脚本或外链。SVG 编辑器在显示前会去掉脚本、事件处理、外部链接和动画,并在页面中的隔离区域绘制。

干净的输出

修改以普通 SVG 属性和变换写入,不留任何编辑器专用标记,文件在 Cricut Design Space、Inkscape、Illustrator、浏览器和激光软件中打开效果一致。

3 步编辑 SVG

用 SVG 编辑器,大多数修改不到一分钟。

1

打开文件

把 SVG 拖到上方,从设备选择,或粘贴代码。也可以先用示例徽章把每个功能试一遍。

2

选中并修改

点击形状或在图层列表中选择,然后修改颜色、描边、不透明度或文字,拖动、旋转或调整顺序。控件覆盖不到的,用“代码”页签修改。

3

下载结果

下载编辑后的 SVG 或复制代码。随时按 Ctrl+Z 撤销,最多 100 步。

编辑 SVG 的技巧

文件需要的不只是一处小改动时,这些办法能在 SVG 编辑器之外再省些时间。

一次替换所有同色

要把所有形状里的同一种颜色一次替换掉,比如五十条路径都用了的品牌色,用颜色替换工具比逐个选中更快。

修改 SVG 颜色 →

最后单独设定尺寸

编辑形状不会改变文档尺寸。需要精确的毫米或英寸宽度时,把它作为最后一步来设置。

调整 SVG 尺寸 →

完成后压缩文件

设计软件导出的文件常带有编辑器元数据和很长的数字。优化完成的 SVG,外观不变,体积常能减半。

SVG 优化器 →

SVG 编辑器常见问题

准备好编辑你的 SVG 了吗?

打开 SVG