SVG 在线代码编辑与实时预览Vector
SVG 矢量图形源码即时编辑、实时预览,支持图片本地描摹、像素矢量、内嵌包装、Data URI 与下载
工具说明与使用提示
工具说明
左侧编辑 SVG XML,右侧实时预览,可选择透明网格、纯白或暗黑背景。背景只影响预览,不写入导出文件。格式化保留文本、CDATA、样式与 xml:space="preserve" 节点;格式化可能规范化 XML 属性和命名空间写法。复制源码保留当前文本;Data URI 使用 UTF-8 百分号编码,不是 Base64。下载保留当前 SVG 源码。
源码须包含 SVG 根节点及 xmlns 命名空间(http://www.w3.org/2000/svg),不接受 DOCTYPE。无效 XML 会清除预览并禁用 Data URI 与下载,原始文字仍可编辑和复制。预览使用隔离的图片上下文,不运行 SVG 脚本,不加载外部资源;导出保留原始源码。相关行为见 MDN 的 SVG 图像说明。
图片转换模式
单色描摹按亮度阈值提取轮廓,支持反色与填充颜色;Alpha 小于 64 的像素始终作为透明背景。彩色多层按常见颜色量化并分层描摹,提供 2、4、6、8、12、16 色,实际颜色数可能更少;不保留连续渐变和半透明度。两种描摹按长边最多 700 像素采样,轮廓缩放回原尺寸;平滑范围 0.2–4,值越大细节越少。杂点过滤 1–30 按轮廓采样点数计算,不是像素面积;接触图像边缘的区域也生成闭合轮廓。
像素矢量按颜色及透明度合并每行连续像素为真实 SVG 路径,Alpha 小于 32 的像素跳过,其他像素保留透明度。长边最多采样 300 像素,再缩放回原尺寸;不是无限精度描摹。内嵌包装将完整图像转为 PNG 并嵌入 SVG,保留图像细节、渐变与透明度,但图像内容仍是位图,不可当作路径描摹。
转换结果可单独复制、下载,或应用到编辑器。模式和参数变化自动重新计算;没有生成有效结果时不能复制、下载或应用。弹窗可按 Escape 关闭。
文件与边界
支持浏览器可解码图片,例如 PNG、JPEG、WebP、GIF、BMP、ICO 和 SVG。动画只读取浏览器显示的静态帧,不导出动画。文件最多 50 MiB,每边最多 8192 像素,总像素最多 3200 万;SVG 输入和转换输出最多 32 MiB。内嵌 PNG 或复杂像素图可能超过输出限制,需要缩小图片后重试。
失败会清除旧转换结果,避免误下载上一次图片。可重复选择同一文件;快速替换时仅最后一次选择更新结果。图片处理受浏览器色彩和透明度量化影响,不是专业图像矢量化软件。
数据来源与隐私
界面与四模式参考 2026-10-04 的 SVG 编辑器,修正边缘轮廓、透明反色、半透明像素、失败残留及手机布局。读取、转换、预览和导出全部在当前浏览器完成,无业务后端,不上传或持久保存内容,不将内容写入 URL、存储或日志;日志只包含固定错误码。