SVG 预览器
粘贴或上传 SVG，即时预览并支持导出。
SVG 代码
预览
SVG 代码
什么是SVG预览与编辑器
拿到一段 SVG 源码想确认长什么样？粘贴或上传文件即实时渲染，代码会先经 DOMPurify 按 SVG 白名单消毒再预览，确认无误可一键导出 PNG 位图，适合图标校验与走查。
如何使用SVG预览与编辑器
- 粘贴 SVG 代码或上传 .svg 文件
- 在预览区查看渲染效果
- 需要时点击“导出 PNG”下载位图
常见问题
SVG 预览空白怎么排查？
检查根元素是否带 xmlns="http://www.w3.org/2000/svg" 与正确的 viewBox；引用外部图片/字体的内容在预览中可能不生效。
预览陌生来源的 SVG 安全吗？
代码在渲染前会经 DOMPurify 按 SVG 配置消毒，脚本与事件属性被剥除；仍建议只预览可信来源的矢量文件。
导出的 PNG 分辨率可以调吗？
导出按 SVG 自身宽高绘制到 Canvas 后存为 PNG；源文件缺少宽高属性时以默认尺寸渲染，分辨率取决于 SVG 代码本身。
SVG 和 PNG 各适合什么场景？
SVG 任意缩放不失真、体积小，适合图标与插画；照片类复杂图像用位图。导出 PNG 便于在不支持 SVG 的平台使用。
SVG预览与编辑器收费吗？
SVG预览与编辑器完全免费，打开网页即可使用全部功能，没有任何隐藏收费。
SVG预览与编辑器需要下载安装吗？
不需要下载或安装任何软件。这是一个在线网页工具，在手机、平板和电脑的浏览器中打开即可使用。
使用SVG预览与编辑器需要注册账号吗？
不需要。本工具无需注册、无需登录，打开页面即可直接使用。
SVG预览与编辑器在手机上可以使用吗？
可以。页面采用响应式设计，自动适配手机、平板和桌面屏幕，随时随地打开浏览器即可使用。