design
免费
无需注册
SVG转CSS背景转换器
将SVG标记转换为CSS background-image数据URI——URL编码或Base64格式。
正在加载工具…
关于此工具
粘贴任意SVG标记，立即获得URL编码和Base64格式的CSS background-image声明。工具在编码前对SVG进行精简以保持文件大小小巧，并显示SVG渲染为CSS背景的实时预览。包含20个常用图标预设，助您快速入门。
使用方法
- 1 第一步：将SVG代码粘贴到输入区域，或选择一个预设图标。
- 2 第二步：工具精简SVG并同时生成URL编码和Base64 CSS代码片段。
- 3 第三步：在示例矩形上预览SVG渲染为背景的效果。
- 4 第四步：点击您偏好的CSS代码片段上的「复制」并粘贴到您的样式表中。