SVG 预览与优化
SVG 源码安全预览、体积优化与前后差异对比。
压缩空白
保留 viewBox
删除 title/desc
小数位
拖入文件,或点击选择
拖入 .svg 文件(≤5MB),内容保留在本地
当前单文件限制 5.00 MB
字符 0字节 0行 0
安全预览不执行脚本不加载远程资源
解析成功后在此预览(不执行脚本、不加载远程资源)
字符 0字节 0行 0
安全预览
- 检测到
<script>、<foreignObject>、on*事件属性或远程href/xlink:href(非#/data:开头)时,阻断预览,源码保持原样,仅可查看与定位。 - 只有未检测到上述内容时才用
img data URL渲染:不执行脚本、不加载远程资源;优化输出始终是纯文本处理,不会执行任何内容。 - 预览在隔离容器中渲染,与浏览器最终渲染可能略有差异。
优化选项
- 坐标小数位只对几何属性与路径数据取整;
1.500 → 1.5不损失精度,因此不触发“改变视觉”提示。 - 关闭「保留 viewBox」或坐标精度下降(如
12.345678 → 12.35)会真实改变渲染,横幅会明确提示并给出「保留 6 位小数」。 title/desc影响可访问性,默认不移除,需显式选择。- 字节数为 UTF-8 真实统计;优化后变大时会给出提示。
什么时候用「SVG 预览与优化」
从图标库拿到的 SVG 体积偏大,或怀疑文件里带了脚本,想先看清再优化。
使用要点
- 安全预览:可疑脚本不会被当作页面脚本执行。
- 优化后可对比前后体积与差异。
- 适合压缩图标、清理编辑器留下的冗余属性。
相关工具
SVG 预览与优化与其他 44 个工具一样,全部计算都在你的浏览器里完成:输入、密钥与文件不会发送到服务器,页面首次加载后可离线使用。