SVG 在线调整尺寸

免费在线调整 SVG 文件尺寸。修改宽度与高度,锁定宽高比,并立即下载调整后的 SVG。

未加载 SVG,可拖拽文件

欢迎使用 SVG 编辑器

拖拽 SVG 文件到页面,或点击“上传/图标库”,也可 Ctrl/Cmd+V 粘贴代码

先从示例图标开始

可先点选示例图标,也可以上传你自己的 SVG。

为什么要用这款 SVG 在线尺寸调整工具?

精确修改 SVG 尺寸

在线调整 SVG 时可直接输入精确的宽度与高度像素值,也可按百分比缩放,方便匹配设计稿、设计变量或导出的 PNG 尺寸。

锁定宽高比

开启比例锁定后宽高会等比变化,图标与 Logo 不会被拉伸或出现空白边;只有在需要固定外框尺寸时才需要解锁。

正确处理 viewBox

工具会保留并按需更新 viewBox,让调整尺寸后的 SVG 在 CSS 与 HTML 中正确缩放,避免裁切、多余留白和布局跳动。

实时预览

每次改动都会立即生效,配合缩放与背景切换,导出前就能确认留白与对齐是否正确。

灵活导出

一键下载调整后的 SVG,或导出 PNG 作为位图备用,两者放在同一目录便于交付。

本地处理,隐私安全

整个工具在浏览器中运行,SVG 文件不会离开你的设备,客户素材保持保密,大文件也不用等待上传。

如何在线调整 SVG 尺寸

1

添加 SVG

拖拽文件或粘贴 SVG 代码。工具会在本地读取源文件并保留原 viewBox;若文件缺少 viewBox,请先补齐。

2

设置宽度与高度

输入目标宽度与高度,或开启比例锁定后等比缩放,预览会实时显示调整后的效果。

3

导出结果

下载调整后的 SVG 或直接导出 PNG。建议保持统一命名,如 icon-name-24.svg,方便管理不同尺寸。

SVG 在线调整尺寸常见问题

在线如何调整 SVG 尺寸?
把 SVG 拖入上方编辑器,输入目标宽度与高度,或按百分比缩放,然后下载结果。全部在浏览器本地完成,无需上传或注册。
调整 SVG 尺寸会损失画质吗?
不会。SVG 是矢量图形,缩放只改变坐标,路径在任何尺寸下都保持清晰。工具不会把文件栅格化,因此不会模糊。
可以保持宽高比调整 SVG 尺寸吗?
可以。开启比例锁定后,宽度与高度按比例同步变化,图标与 Logo 不会被拉伸,也不会出现空白边;只有在固定外框尺寸更重要时才需要解锁。
调整尺寸后 viewBox 会怎样?
工具会保留并按需更新 viewBox,让调整后的 SVG 在 CSS 与 HTML 中正确缩放,避免裁切、多余留白或布局跳动。如果源文件没有 viewBox,可先使用「修复 viewBox」。
可以按像素精确设置 SVG 宽度和高度吗?
可以。直接输入精确的像素宽度与高度,即可匹配设计稿、设计变量或组件尺寸,预览会同步更新。
可以按百分比缩放 SVG 吗?
可以。百分比缩放会保持比例,是快速生成 2x / 3x 高清图标资源的最省事方式。
调整尺寸后可以导出 PNG 吗?
可以。既能下载调整后的 SVG,也能导出 PNG 用于幻灯片、文档或不支持 SVG 的平台。
这个 SVG 尺寸调整工具免费吗?
免费。「SVG 在线调整尺寸」完全免费,无需注册、没有水印,也不限制文件数量。
SVGView 会上传我的 SVG 吗?
不会。调整尺寸在浏览器本地完成,文件不会离开你的设备,客户素材保持保密,也能离线使用。
文件大小限制是多少?
支持最大约 10MB 的文件。特别大或滤镜很多的 SVG 渲染可能需要一点时间,先优化文件通常会更流畅。

相关 SVG 博客

继续阅读 SVG 工作流、问题排查与生产实践内容。