去掉多余空白
多余的边会让图形导入后比预期小、在网页上偏离中心,或在切割垫上占用位置。把 SVG 图形裁紧之后,它的宽高就等于图形本身,摆放和调整尺寸都更好掌握。
直接在浏览器里几秒钟裁剪 SVG 文件。打开文件后,图形四周的空白会被自动去除;再拖动裁剪框或输入精确数值,就能裁出任意区域。只改变可见范围,每条线条都保持清晰,结果可下载为 SVG 或 PNG。不上传任何内容。
拖入 SVG 文件进行裁剪
最大 10 MB 的 SVG · 在浏览器里转换,不会上传
SVG 在你的设备上转换,不会上传。文件里引用的外部字体和图片不会被加载。
很多 SVG 文件比里面的图形大得多。从编辑器导出、从素材库下载或由图片描摹得到的文件,常常在图形四周留下很宽的边,甚至是一整页画布。
多余的边会让图形导入后比预期小、在网页上偏离中心,或在切割垫上占用位置。把 SVG 图形裁紧之后,它的宽高就等于图形本身,摆放和调整尺寸都更好掌握。
有时你只需要图标集里的一个图标、图案中的一个元素或某个细节的特写。裁剪可以准确框出这块区域,用作缩略图、社交帖子或打印素材,而不必改动任何形状。正方形裁剪适合头像和应用图标。
转换器、贴纸排版和打印模板通常按整个画布适配,而不是按图形。先裁剪 SVG 文件,图形就能填满给定的空间,导出 PNG 和打印排版时比例都正确,不用再手动调整。
大多数在线裁剪工具会先把矢量图变成像素再裁剪。这个工具保持矢量格式,只修改文件中决定可见范围的那部分。
文件一打开,工具就会绘制它、找到最外侧的可见像素,并把裁剪框设在它们周围,描边也计算在内。如果图形放在白色背景矩形上,勾选“白色也算空白”;想留一点余地,可以再加上留边。
用鼠标或触屏拖动裁剪框即可移动,拖动四角即可调整大小。需要精确时,按原始尺寸的像素输入左边距、上边距、宽和高,或切换到“正方形”让四边保持相等。这样裁剪 SVG 图形可以精确到 0.1 像素。
只修改 viewBox 和尺寸属性,所有路径、颜色和渐变都保持原样。文件不会离开你的浏览器,无需账号,没有水印,也没有次数限制。编辑区下方的转换器可以把裁剪后的图形保存为 PNG、JPG、PDF 或 DXF。
裁剪 SVG 文件不到一分钟就能完成,下载前可以随意反复调整裁剪框。
把不超过 10 MB 的 .svg 文件拖到上方区域,或点击“选择 SVG”,也可以粘贴 SVG 代码后点击“载入代码”。空白会被立即去除,裁剪框显示在预览图上。
拖动裁剪框或四角,输入精确数值,或选择“正方形”。点击“自动去除空白”可回到自动裁剪结果,点击“完整画布”则从整个文件重新开始。
点击“下载裁剪后的 SVG”保存文件,点击“复制代码”粘贴到 HTML 中,或在下方转换器里选择 PNG、JPG、PDF 或 DXF。新尺寸会以像素、毫米和英寸显示。
为网页、打印和切割机裁剪 SVG 图形时,这几个习惯很有帮助。
紧贴图形的裁剪看起来会局促,也没有给除废边框或激光切缝留空间。留几像素的边就能让边缘清楚,又不会增加明显的空白。
裁剪会隐藏框外的一切,但不会删除。浏览器和大多数设计软件会按裁剪显示,但部分切割软件导入时会显示所有形状。如果出现这种情况,请先在设计软件中删除多余形状再切割。
裁剪会按比例改变宽和高,比如 100 mm 宽的文件裁掉一半宽度后就是 50 mm 宽。要让裁剪后的图形达到精确的物理尺寸,用我们的 SVG 尺寸调整工具打开它,输入需要的宽度即可。
调整 SVG 尺寸 →