【浏览器执行模式】 : 您的所有数据均在浏览器中处理,不会上传服务器,数据安全有保障。不放心的,可等待页面加载完成后 断网使用!(需提前登录账号)
【速度及稳定性】 : 处理速度由您的机器配置决定。由于浏览器差异,少数工具可能出现无法使用或异常:请使用:软件版工具
工具使用
返回旧版工具请先设置参数,再导入 SVG,第3步转换并下载。批量文件只展示前20个预览,处理时会覆盖完整队列。
1输出参数
先确认输出代码类型和文件命名,再进入导入步骤。
建议先设置输出格式,再处理文件。
2导入内容
可选择SVG文件,也可粘贴单段SVG源码。文件不会上传到服务器。
3导入预览
请先导入SVG内容。
4转换与下载
处理完成后可复制结果、下载单项文件,或将批量结果打包为ZIP。
待处理0
成功0
失败0
结果体积0 KB
请确认前两步已完成,然后点击开始转换。
5结果预览与单项操作
转换完成后会在这里显示结果。
使用说明
软件使用说明
- 设置转换参数:先选择输出格式,可生成Data URI、纯Base64字符串、HTML img标签、CSS background属性或CSS mask图标代码。
- 配置处理选项:
- 长文本换行:可选择不换行,或按76、120、160字符换行。
- 自动补充xmlns:当SVG根节点缺少xmlns属性时自动补充,便于作为图片资源显示。
- 移除XML声明:清理SVG开头的XML声明,减少模板解析异常。
- 基础压缩:去除注释和标签间空白,缩短输出内容。
- 导入SVG内容:可选择一个或多个SVG文件,也可切换到粘贴源码模式直接输入SVG代码。批量文件只展示前20个用于核对,其余文件会一起处理。
- 使用示例数据:点击“加载示例SVG”或“填入示例源码”可快速查看转换效果。
- 开始转换:进入“转换下载”步骤后点击“开始转换”,工具会生成对应的Base64或嵌入代码。
- 复制与下载:转换完成后可复制单项结果、下载单项文本文件、复制全部结果、下载汇总TXT,批量结果可打包为ZIP下载。
- 保存设置:常用输出格式、ZIP文件名、alt文本、CSS选择器和处理选项可保存,下次打开时继续使用。
常见问题
答:可以把SVG图标或矢量图转换成文本形式,嵌入HTML、CSS、配置文件或单文件页面中,减少独立资源引用。
答:Data URI包含
data:image/svg+xml;base64,前缀,可直接用于图片地址;纯Base64只包含编码主体,适合由程序自行拼接前缀的场景。答:可用于HTML的img标签、CSS的background-image属性、CSS mask图标、样式配置、组件示例或文档代码片段中。
答:部分SVG缺少xmlns时,作为Data URI图片加载可能显示异常。补充
xmlns="http://www.w3.org/2000/svg"有助于提升兼容性。答:不会。Base64只改变数据表达方式,不改变SVG矢量内容,缩放时仍保持矢量特性。
答:结果文件会沿用原SVG主文件名,并根据输出格式生成txt、css或html文件;遇到重名时会自动追加数字区分。
答:常见原因包括SVG代码不完整、外部资源引用、非标准标签或样式依赖。建议先在设计软件中重新导出规范SVG,再进行转换。