功能说明

面向前端日常场景的 SVG 处理工具，集预览、栅格化导出、Base64 编码与简易压缩于一体。全部处理在浏览器本地完成，图形内容不会上传到服务器，可放心处理内部素材。

预览

粘贴 SVG 源码或导入 .svg 文件，右侧会实时渲染。工具会解析根元素的 width、height 与 viewBox 推断画布尺寸；当宽高写成百分比时以 viewBox 为准，两者都缺失时按 SVG 规范默认的 300 × 150 处理。可切换棋盘格背景以观察透明区域，也可调整预览缩放比例查看细节。

转 PNG / JPG

选择导出倍率（1x / 2x / 3x 或自定义）与格式后点击导出，工具会把 SVG 按目标像素尺寸绘制到 canvas 再输出位图。PNG 保留透明通道；JPG 不支持透明，需要指定背景色，并可调节压缩质量。导出前会先生成预览图，确认无误再下载。

转 Base64 / DataURI / CSS

同时给出 Base64 字符串、data:image/svg+xml;base64, 形式的 DataURI、体积通常更小的 URL 编码形式，以及可直接粘贴使用的 CSS 背景片段与 img 标签片段，每项都可单独复制。适合把小图标内联进样式表，减少一次网络请求。

压缩

提供可勾选的简易优化项：去除注释、去除 XML 声明与 DOCTYPE、去除 metadata/title/desc 元素、去除 Inkscape/Sodipodi/Sketch/Figma 等编辑器专有属性与命名空间、折叠标签内多余空白、去除空属性与冗余的 version 属性。压缩结果会显示原始体积、压缩后体积与压缩率。

注意事项

压缩基于文本规则实现，追求安全与可预期，不会改写路径数值或合并图形，因此压缩率低于专业工具，但不易破坏图形。若 SVG 中引用了外部字体或外部图片，栅格化时这些资源可能无法加载，建议先将文字转为路径。去除 title/desc 会影响无障碍朗读，对外发布的图标请谨慎勾选。