浏览器端 SVG 工具 • 无需上传 • 本地查看和编辑

SVG 查看器、编辑器与优化器在线

浏览器端 SVG 查看器和编辑器。渲染、检查和优化 SVG 文件。

在线 SVG 查看器与编辑器

Next BConvert SVG 查看器是一款基于浏览器的 SVG 文件查看、编辑和优化工具。所有处理均在您的设备本地完成，文件不会离开浏览器。

使用方法

  1. 1.将 SVG 代码粘贴到编辑器中，或上传 .svg 文件
  2. 2.在右侧面板实时预览渲染后的 SVG
  3. 3.使用工具栏优化、美化或变换 SVG
  4. 4.以您需要的格式导出：SVG、React、PNG 或 Data URI

功能特点

带语法高亮和实时预览的 SVG 代码编辑器

在保持质量的同时优化 SVG 并减小文件体积

生成整洁、易读 SVG 代码的美化工具

支持旋转、水平翻转和垂直翻转的变换工具

导出为 React JSX、React Native、PNG 或 Data URI

缩放控制，便于检查细节

常见问题

什么是 SVG？

SVG（可缩放矢量图形）是一种基于 XML 的二维矢量图像格式。与 PNG、JPG 等栅格图像不同，SVG 可以缩放到任意大小而不损失质量，适合图标、标志和插图。

我的 SVG 数据会上传到服务器吗？

不会。所有 SVG 处理都在浏览器中通过客户端 JavaScript 完成，您的文件和代码不会离开设备。

SVG 优化做了什么？

SVG 优化会移除冗余元数据、注释和不必要的属性，并简化路径，在保持视觉效果的同时减小文件体积。

可以将 SVG 转换为 React 组件吗？

可以。导出菜单支持将 SVG 转换为 React JSX 或 React Native SVG 组件，并自动将属性名转换为 React 命名规范。