design
Gratis
Sin registro
Conversor de SVG a fondo CSS
Convierta marcado SVG en un URI de datos CSS background-image — codificado en URL o en base64.
Cargando la herramienta…
Acerca de esta herramienta
Pegue cualquier marcado SVG y obtenga instantáneamente la declaración CSS background-image en formatos codificados en URL y en base64. La herramienta minifica el SVG antes de codificarlo para mantener pequeño el tamaño del archivo y muestra una vista previa en vivo del SVG renderizado como fondo CSS. Incluye 20 preajustes de iconos comunes para que comience rápidamente.
Cómo usar
- 1 Paso 1: Pegue su código SVG en el área de entrada, o elija uno de los iconos predefinidos.
- 2 Paso 2: La herramienta minifica el SVG y genera fragmentos CSS codificados en URL y en base64.
- 3 Paso 3: Previsualice el SVG renderizado como fondo en el rectángulo de muestra.
- 4 Paso 4: Haga clic en Copy en su fragmento CSS preferido y péguelo en su hoja de estilos.