矢量工具

SVG 编辑器

在浏览器中绘制图形和路径,并导出可无损缩放的干净 SVG。无需安装,无需账号,无需许可证。

打开画板

浏览器中的矢量编辑器

绘图板以形状和路径而非像素工作,因此你画的内容在任何尺寸下都保持清晰,并可导出为简洁的 SVG,直接放进网页、用 CSS 设置样式或制作动画。无需安装,也无需购买许可。

它适合介于完整设计软件和屏幕截图之间的需求:文档里的示意图、补全一套图标的新图标、快速的页面布局草图,或是任何图库里都找不到的 SVG 形状。

为什么选择 SVG 而不是位图导出?

SVG 本质上是文本。这意味着它压缩效果好,在任何屏幕上放大都不会模糊,只需一条 CSS 规则就能改色,还可以内嵌在页面中,省去一次额外的网络请求。而同一幅图的 PNG 只有固定尺寸,每个版本都需要单独的文件。

SVG 同样可以继续编辑:重新打开后,你得到的仍是当初绘制的路径和形状,而位图导出会把它们压平成像素,无法再还原。

常见问题

这是免费的在线 SVG 编辑器吗?
是的。绘图板在浏览器中运行,无需安装、无需账户、无需许可,并导出任何编辑器或浏览器都能打开的标准 SVG。
我可以导出什么格式?
绘图以 SVG 导出。这是标准的矢量格式,可嵌入网页、用 CSS 设置样式、制作动画,或在任何其他矢量编辑器中打开。
为什么选 SVG 而不是 PNG?
SVG 在任何尺寸下都清晰锐利,可以用 CSS 改色,压缩效果好,并且因为保留了原始形状而始终可编辑。PNG 只有固定分辨率,并且已把这些形状压平成像素。