开发者 / SVG检查
SVG查看器：检查、调整大小并复制SVG
在本地查看SVG代码，并使用缩放和背景控制。检查尺寸和颜色值，编辑宽度和高度，修复viewBox，还可下载或复制数据URI。
SVG查看器：检查、调整大小并复制SVG: 读取SVG的尺寸、viewBox、元素数量、字节大小和明确使用的颜色值。清理后，仅编辑请求的根元素尺寸属性。缺少viewBox时，可根据源尺寸补全；响应式模式会保留viewBox并移除width和height属性。 完全在浏览器中本地运行，文件不会上传到服务器。
- 类别
- 开发者工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
完全在浏览器中运行
选择或拖放SVG
SVG视口和viewBox
viewBox由四个数字组成：最小x、最小y、宽度和高度。宽度和高度必须为正数。规范：https://www.w3.org/TR/SVG2/coords.html
尺寸和本地预览
绝对长度按每英寸96个CSS像素进行换算。预览缩放和背景不会改变导出的标记。SVG图片处理规则：https://www.w3.org/TR/SVG2/conform.html
使用方法
- 拖放SVG文件，或粘贴代码以检查经过清理的预览。
- 设置尺寸，可选择锁定宽高比；调整viewBox，或移除尺寸以用于响应式布局。
- 下载SVG，复制其代码，或复制经过编码的数据URI。
隐私与限制
SVG会在本地处理，并作为隔离的图像进行渲染。脚本、事件处理程序和外部资源都会被移除。
相关工具
常见问题
更改viewBox会改变图稿吗？
这会改变可见的坐标区域。如果只想更改显示尺寸，请使用现有的viewBox；不同的viewBox可能会裁剪或移动可见图形。
缺少尺寸时会发生什么？
查看器会先使用viewBox尺寸，然后使用300 × 150像素的备用尺寸。绝对物理长度按每英寸96像素计算；相对长度需要有包含它的页面才能精确解析。
为什么响应式模式会移除width和height？
viewBox会保留坐标系统，同时由周围的布局控制显示尺寸。
可以复制数据URI吗？
可以。数据URI包含经过清理并使用URI编码的输出SVG。
免费工具·使用在浏览器中次·无需账户