在线裁剪 SVG

Rayzia 是一款免费的在线矢量编辑器,会把你的 SVG 作为可编辑对象打开,而不是一张压平的图片。把画板放在你想要的区域上,导出时就会按画板裁切,文档中不会删除任何内容。也可以让裁剪成为永久操作:选中不需要的部分并删除。无论哪种方式,最后都能直接在浏览器中免费导出紧凑裁剪的 SVG 或 PNG。

裁切或删除:裁剪 SVG 的两种方式

Rayzia 拥有一张无限画布,画板则是把其中一块区域标记为页面的矩形。画板是裁剪框而不是容器,永远不会占有其中的对象。这让它成为真正的无损裁剪:在你想要的区域上画一块画板并导出,输出的 viewBox 就会设置为画板矩形。画板之外的内容只是在渲染时被裁掉而非删除,如果日后改变主意,完整的作品仍在文档中。

另一种方式是直接去掉不要的部分。选中它并按 Delete。如果某个形状一半在裁剪区域内,先用美工刀或剪刀把它切开,再删掉多余的那半。「路径 ▸ 路径查找器」下也有一个裁剪命令。删错了也不要紧,因为每一步都只需一次撤销即可还原。

五步在线裁剪 SVG

  1. 打开编辑器。 访问 rayzia.com,在以下地址打开编辑器 /vector/。无需下载,开始使用也不需要账号;它可以在 Windows、Mac、Linux、ChromeOS 或平板电脑的任何浏览器中运行。
  2. 拖入你的 SVG。 把文件拖到画布上,或使用「文件」再选「打开」。Rayzia 会将其作为原生 SVG 读取,每个形状、路径和字母都以独立的可编辑对象而非锁定图片的形式呈现。
  3. 决定保留哪些内容。 想要不损失任何内容的裁剪,就不动作品,让下一步的画板来完成裁切。想要永久裁剪,则选中不需要的部分(Shift+点击可加选或减选),然后按 Delete。当形状横跨裁剪线时,美工刀可以沿手绘拖动的轨迹把它切开并保留两侧,这样你就能只删除其中一侧。
  4. 让画板贴合裁剪区域。Shift+O 切换到画板工具,在想保留的区域上拖出一块画板,或从选项栏中选择 A4、Letter、IG Post 或 Full HD 等预设。要精确贴合某个对象,选中它并使用「将所选转换为画板」,画板会按其外接框自动定尺寸。拖动角点或边缘手柄可以微调。
  5. 导出裁剪后的文件。 「文件 ▸ 导出」提供 SVG、PNG 和 JPG,其中 SVG 和 PNG 免费。导出时会把输出 viewBox 设置为画板矩形,文件被紧凑裁剪,而隐藏部分并未删除。PNG 保留透明度。

只剪出你想要的那一块

有时目标不是矩形裁剪,而是从一幅更大的插画中取出单独一块。Rayzia 的剪切工具正是为此而生。

美工刀沿手绘拖动的轨迹切割:轨迹经过的每个形状都会分成独立的几块,两侧都保留,切口宽度为零。剪刀会在你点击的确切位置把路径剪开,且不删除任何内容;点击矩形或椭圆会先将其转换为路径几何。橡皮擦(Shift+E)默认从对象上擦除挖空,但请注意它出厂设置为作用于触碰到的每个对象,而不仅限于选区。

分离出目标后,选中剩余部分并按 Delete。 Alt+点击可选中叠在后方的对象,每点击一次深入一层,这在多层作品中很有用。然后让画板贴合剩下的内容并导出。

裁剪 SVG:常见问题

在 Rayzia 上裁剪 SVG 免费吗?

免费。所有工具都免费,导出 SVG 和 PNG 也免费。免费方案包含 AI 助手和 3 个云端文件;Pro 每月 $8,主要增加 PDF 导出和无限云端文件。

裁剪会删除 SVG 中被隐藏的部分吗?

用画板裁剪时不会。导出会把输出 viewBox 设置为画板矩形,画板之外的内容只是在渲染时被裁掉而非删除,对象仍保留在文档中。删除对象则会真正移除它们,但每一步都只需一次撤销即可还原。

可以把 SVG 裁剪到精确尺寸吗?

画板选项栏内置常用尺寸预设:A4、Letter、IG Post、IG Story、YouTube、Full HD 和 Square,并可切换纵向和横向。其他尺寸可拖动画板的角点或边缘手柄调到所需大小,然后导出。

可以只裁掉作品周围的空白吗?

可以。选中一个对象并使用「将所选转换为画板」,它会创建一块与其外接框吻合的画板,然后导出该画板即可。对由多个对象组成的作品,在其上方拖出一块画板,再把手柄向内拉,直到画板紧贴图案。