在线 SVG 预览与优化工具,支持粘贴或上传 SVG 代码,实时预览、压缩并下载。
适用场景
开发者在处理 SVG 文件时,需要快速预览效果并压缩体积,但缺少便捷的本地工具。
使用步骤
- 1在左侧文本框中粘贴 SVG 代码,或点击“上传 SVG 文件”按钮选择本地 .svg 文件。
- 2点击“预览”按钮,在右侧沙箱区域查看 SVG 渲染效果。
- 3点击“优化压缩”按钮,自动去除注释和冗余空白,并显示压缩前后体积对比。
- 4点击“复制当前”按钮复制优化后的代码,或点击“下载 .svg”按钮保存为文件。
输入与输出
输入:SVG 代码或上传的 .svg 文件。输出:实时预览、优化后的代码及体积压缩百分比,支持复制和下载。
适用人群
前端开发者、设计师及需要处理 SVG 文件的用户。
常见问题
- 如何上传 SVG 文件?
- 点击“上传 SVG 文件”按钮,选择本地 .svg 文件,文件内容会自动加载到源码区并触发预览。
- 优化压缩会改变 SVG 的显示效果吗?
- 不会,优化仅去除注释和冗余空白,不影响图形渲染。
- 预览是否安全?
- 安全,预览使用 <img> 标签渲染,不会执行 SVG 内嵌的脚本。
- 下载的文件名是什么?
- 下载的文件名为 optimized.svg。