StyleSVG

裁剪 SVG

直接在浏览器里几秒钟裁剪 SVG 文件。打开文件后,图形四周的空白会被自动去除;再拖动裁剪框或输入精确数值,就能裁出任意区域。只改变可见范围,每条线条都保持清晰,结果可下载为 SVG 或 PNG。不上传任何内容。

拖入 SVG 文件进行裁剪

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

选择 SVG

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

放在 A4 横向整页上的蜘蛛 SVG 图形,四周大片空白
之前:297 × 210 mm 的 A4 页面,大部分是空白。
同一个蜘蛛图形,裁剪到图形边缘 | 裁剪 SVG
之后:148.9 × 107.9 mm,裁剪到图形边缘,形状不变。

为什么要裁剪 SVG 文件?

很多 SVG 文件比里面的图形大得多。从编辑器导出、从素材库下载或由图片描摹得到的文件,常常在图形四周留下很宽的边,甚至是一整页画布。

去掉多余空白

多余的边会让图形导入后比预期小、在网页上偏离中心,或在切割垫上占用位置。把 SVG 图形裁紧之后,它的宽高就等于图形本身,摆放和调整尺寸都更好掌握。

只显示图形的一部分

有时你只需要图标集里的一个图标、图案中的一个元素或某个细节的特写。裁剪可以准确框出这块区域,用作缩略图、社交帖子或打印素材,而不必改动任何形状。正方形裁剪适合头像和应用图标。

为其他工具做准备

转换器、贴纸排版和打印模板通常按整个画布适配,而不是按图形。先裁剪 SVG 文件,图形就能填满给定的空间,导出 PNG 和打印排版时比例都正确,不用再手动调整。

为什么用这个工具裁剪 SVG 文件?

大多数在线裁剪工具会先把矢量图变成像素再裁剪。这个工具保持矢量格式,只修改文件中决定可见范围的那部分。

自动去除空白

文件一打开,工具就会绘制它、找到最外侧的可见像素,并把裁剪框设在它们周围,描边也计算在内。如果图形放在白色背景矩形上,勾选“白色也算空白”;想留一点余地,可以再加上留边。

精确的手动控制

用鼠标或触屏拖动裁剪框即可移动,拖动四角即可调整大小。需要精确时,按原始尺寸的像素输入左边距、上边距、宽和高,或切换到“正方形”让四边保持相等。这样裁剪 SVG 图形可以精确到 0.1 像素。

无损、私密、免费

只修改 viewBox 和尺寸属性,所有路径、颜色和渐变都保持原样。文件不会离开你的浏览器,无需账号,没有水印,也没有次数限制。编辑区下方的转换器可以把裁剪后的图形保存为 PNG、JPG、PDF 或 DXF。

3 步裁剪 SVG

裁剪 SVG 文件不到一分钟就能完成,下载前可以随意反复调整裁剪框。

1

打开 SVG

把不超过 10 MB 的 .svg 文件拖到上方区域,或点击“选择 SVG”,也可以粘贴 SVG 代码后点击“载入代码”。空白会被立即去除,裁剪框显示在预览图上。

2

调整裁剪框

拖动裁剪框或四角,输入精确数值,或选择“正方形”。点击“自动去除空白”可回到自动裁剪结果,点击“完整画布”则从整个文件重新开始。

3

下载或转换

点击“下载裁剪后的 SVG”保存文件,点击“复制代码”粘贴到 HTML 中,或在下方转换器里选择 PNG、JPG、PDF 或 DXF。新尺寸会以像素、毫米和英寸显示。

裁剪 SVG 文件的小技巧

为网页、打印和切割机裁剪 SVG 图形时,这几个习惯很有帮助。

为描边和切割留一点边

紧贴图形的裁剪看起来会局促,也没有给除废边框或激光切缝留空间。留几像素的边就能让边缘清楚,又不会增加明显的空白。

记住隐藏部分仍在文件里

裁剪会隐藏框外的一切,但不会删除。浏览器和大多数设计软件会按裁剪显示,但部分切割软件导入时会显示所有形状。如果出现这种情况,请先在设计软件中删除多余形状再切割。

最后再设定尺寸

裁剪会按比例改变宽和高,比如 100 mm 宽的文件裁掉一半宽度后就是 50 mm 宽。要让裁剪后的图形达到精确的物理尺寸,用我们的 SVG 尺寸调整工具打开它,输入需要的宽度即可。

调整 SVG 尺寸 →

裁剪 SVG 常见问题

准备好裁剪你的 SVG 了吗?

裁剪 SVG