什么是 SVG？
SVG 是可缩放矢量图形（Scalable Vector Graphics）的缩写。它以可编辑代码描述形状、线条和文字，而不是固定的像素网格。你可以在浏览器中打开 SVG、查看代码，或在 SVG 编辑器中修改成自己的作品。
适合图标、标志、插画和图表。AI SVG 生成器与编辑器
从文字生成可编辑的静态或动画 SVG，用 AI 继续修改。在免费的 SVG 代码编辑器、查看器和转换器中预览变化，再导出所需格式。
代码编辑、查看和格式转换免费。AI 生成与编辑消耗积分。
结果
你的 SVG 将显示在这里
设置
px
背景
格式
免费导出，无需注册，不消耗积分。
可编辑的矢量代码浏览器内导出文件无需登录即可下载
为你的创意准备
打开工作台SVGBase 制作的 SVG 示例
将静态或动画示例载入同一个 AI 助手。在本地预览和下载，或描述想让 AI 修改的内容。
为什么选择 SVG，而不是 PNG 或 JPG？
矢量形状在缩放后仍保持清晰。你可以修改颜色、调整文字，将同一份设计用于网站、应用和演示文稿。对于照片或固定尺寸的图片，位图格式可能更合适。
需要可编辑矢量时保留 SVG；需要透明背景时导出 PNG，需要不透明图片时导出 JPG。用 AI 生成、编辑 SVG 和制作动画。
描述新设计，或让 AI 修改当前 SVG。在同一个工作台查看可编辑代码和实时预览，继续完善后导出。
从文字生成 SVG
描述你想要的主体、风格、颜色和布局。AI 工作流程旨在返回可编辑的 SVG 代码，方便你继续完善结果。
修改已有 SVG
导入自己的 SVG，再描述想要的变化，例如更换配色或简化构图。导出前检查生成的代码和实时预览。
制作 SVG 动画
用 AI 让图标呈现描边、旋转、漂浮或脉冲动画。下载动画 SVG 可保留动效；PNG、JPG 和 WebP 导出的是静态画面。
试用 SVG 动画生成器免费 SVG 编辑、查看与格式转换
在 SVGBase 免费编辑 SVG 代码并实时预览，或选择下方的专用 SVG 转换器。将代码保存为 SVG 文件，或在浏览器中将 SVG 转为 PNG、JPG、WebP、PDF 或 DXF，无需账户或 AI 积分。
在线 SVG 查看器
无需安装应用即可打开图标、标志、插画或图表。放大查看细节，切换背景检查透明区域。
- 上传 SVG 文件，或在编辑器中粘贴 SVG 代码。
- 检查实时预览、尺寸和背景。
- 在代码中修改颜色、文字或形状，有效修改会立即更新预览。
选择 SVG 转换器
在工作台导出 SVG、PNG、JPG 或 WebP。文档和 CAD 轮廓可使用 PDF 与 DXF 专用工具。所有转换均在浏览器中免费完成。
| 导出格式 | 适合用途 |
|---|---|
| SVG | 可编辑的矢量图形，支持透明背景。 |
| SVG 转 PNG | 支持透明背景的像素图片，适合图形素材与幻灯片。 |
| SVG 转 JPG | 不透明图片。选择透明导出背景时，背景会变成白色。 |
| SVG 转 WebP | 支持透明背景的像素图片，适合网页。 |
| SVG 转 PDF | 用于打印和分享的单页文档。 |
| SVG 转 DXF | 用于 CAD 的二维轮廓，导出前设置物理尺寸。 |
少些繁琐，多些创作。
如何创建、编辑和导出 SVG。
从最初的想法，到可编辑的矢量图，再到可直接使用的文件。
描述01
带上你的想法或 SVG。
上传 SVG、粘贴代码或选择示例。在 AI 面板选择生成新 SVG 或修改当前 SVG，再描述你的需求。
一枚柔紫色的俏皮火箭……
调整02
边编辑，边预览。
在 SVG 代码编辑器中修改颜色、文字和形状，在 SVG 查看器中检查每次修改，再调整画布尺寸和背景。
<path fill="#7064e9" />导出03
选择需要的文件格式。
下载可编辑的 SVG，或将 SVG 转为 PNG、JPG、WebP。选择输出尺寸和背景，再导出用于网站、应用或演示文稿的文件。
SVG PNG JPG WebP
你可能想知道
SVG 常见问题。
关于查看、编辑、生成和转换 SVG 文件的实用解答。
如何打开和查看 SVG 文件？
点击上传 SVG 选择文件，或将代码粘贴到 SVG 代码面板。SVG 查看器会实时显示结果。无需安装应用，即可通过缩放和背景设置检查图形。
AI 能根据文字描述生成可编辑的 SVG 吗？
可以。登录后选择「AI 生成」，描述主体、颜色、风格和布局。AI 会返回可编辑的 SVG 代码，并提供实时预览。使用「用 AI 编辑」继续完善 SVG，再导出结果。AI 操作消耗积分。
编辑与下载真的免费吗？
是的。代码编辑、预览、尺寸调整、背景设置及 SVG、PNG、JPG、WebP、PDF、DXF 格式转换均免费且无需账号。仅 AI 生成和编辑需要积分。
我的文件会上传到服务器吗？
本地编辑和导出在浏览器中进行，草稿保存在当前设备。使用 AI 时会把提示词发送给模型服务；修改模式还会发送当前 SVG。
能导出透明背景吗？
可以。SVG、PNG、WebP 支持透明背景；JPG 不支持，导出时透明区域会变成白色。下载前也可以选择自定义背景。
支持所有 SVG 吗？
工作台支持 SVG 图形、文字、渐变、蒙版、裁剪路径、支持的内联样式和受限 CSS 关键帧动画。SVG 下载保留支持的动画；PNG、JPG 和 WebP 导出第 1 秒的静态快照。SMIL 和不支持的 CSS 会被拒绝。脚本、外部资源、嵌入 HTML 或图片、use/symbol 引用和滤镜不在支持范围。源码无效时会隐藏预览并禁用下载，修正后恢复。字体取决于设备。
如何修改 SVG 的颜色或文字？
在「SVG 代码」面板中修改 fill 或 stroke 的值即可更改颜色，也可以修改 text 元素的内容来更改文字。代码有效时，预览会自动更新。已转为路径的文字属于图形，不能像普通文字一样编辑。
如何将 SVG 代码转为 PNG？
将 SVG 代码粘贴到编辑器，检查实时预览。选择 PNG，设置画布尺寸和导出倍率，选择透明或纯色背景，再点击「下载」。SVG 转 PNG 在浏览器中完成，不消耗 AI 积分。
SVG、PNG 和 JPG 有什么区别？
SVG 用代码描述可编辑的矢量形状，缩放后仍保持清晰。PNG 是支持无损压缩和透明背景的像素图片。JPG 常用于照片，不支持透明背景。将照片保存为 SVG 文件，并不会自动把它变成矢量图。
编辑 SVG 需要会编程吗？
上传、预览、调整尺寸、更改导出背景和下载都不需要编程。要修改图形本身，可以向 AI 编辑器描述所需的修改，也可以直接编辑 SVG 代码。这不是完整的矢量绘图应用。
快速和高质量模式分别消耗多少积分？
生成或编辑支持的静态及动画 SVG：快速模式每次 5 积分，高质量模式每次 10 积分。新用户赠送积分支持不超过 32 KiB 的局部编辑，购买或订阅积分支持不超过 64 KiB 的局部编辑，均另含固定 4 KiB 编辑余量。完整重写上限为 8 KiB。局部编辑包括颜色、不透明度、移动和呼吸动画。开始前会显示准确价格。请求失败会返还已扣积分。手动编辑、预览和导出免费。
积分何时过期？
积分包内的积分永不过期。订阅积分每月发放，在对应的月度周期结束时过期。年付套餐每年扣款一次，每次只发放一个月的积分。较早到期的积分优先使用。
一个好想法，从 SVG 开始。
选个示例，改个细节，变成你的作品。
打开工作台