SVG 转换器

CSS Background Synthesis

优化 SVG
移除空格和注释

Advanced Background Optimization

智能优化

自动移除不必要的空格、注释和属性,在保持 SVG 质量的同时最大限度地减小文件体积。

多种格式

根据您的需求,在 URL 编码的 Data URI(体积更小)或 Base64 编码(兼容性更好)之间进行选择。

实时预览

实时查看您的 SVG 作为 CSS 背景渲染的效果,确保在正式使用前外观符合预期。

使用方法

1

将您的 SVG 代码粘贴或输入到输入框中

2

选择输出格式,并根据需要启用优化

3

查看生成的 CSS 代码和预览效果

4

复制或下载 CSS 以用于您的项目

Technical Integration

Simply paste the generated CSS as a background-image property in your stylesheet. This allows you to use high-resolution, scaleable icons without external HTTP requests, improving performance and SEO.

FAQ

常见问题