SVG 预览与 Base64
在浏览器中预览 SVG，并转换为 Base64 或 Data URI，用于 CSS、HTML 与应用程序。
选择文件或粘贴 SVG 后在此预览
Base64 与 Data URI
加载 SVG 后在此显示 Base64 与 Data URI
全部在浏览器本地处理，文件不会上传到服务器。
使用说明
在嵌入项目前先查看图标与插画效果，并在本地生成 Base64 或 Data URI。
- 选择 SVG 文件、拖放（桌面端）或直接粘贴 SVG 源码。
- 在棋盘格、白底或深色背景下查看效果，并调整缩放。
- 复制纯 Base64、Base64 Data URI 或 URL 编码的 Data URI。
SVG 不会离开您的设备，预览与编码均在浏览器中完成。
常见问题
SVG 预览是如何实现的？
通过安全的 Blob URL 在图片元素中显示，不上传服务器，也不会把 SVG 当作 HTML 注入页面。
应该使用哪种 Base64 格式？
接口只要编码字符串时用纯 Base64；在 img src 或 CSS url() 中用 data:image/svg+xml;base64,...；小图标在 HTML 中也可用 URL 编码的 Data URI。
SVG 会上传吗？
不会，预览与编码均在浏览器本地完成。
文件大小限制是多少？
单个 SVG 最大 5 MB。批量压缩请使用 SVG 优化工具。
相关搜索
你可能也在找这些：
- svg在线预览免费
- svg转base64
- svg data uri生成
- svg编码base64
- 浏览器svg查看器
- 嵌入前预览svg
- svg base64在线编码
- svg转data uri