SVG a background-image de CSS
Incrusta cualquier SVG en tu hoja de estilos como un data URI codificado.
o suelta un archivo / pega código abajo
Regla CSS
La salida aparece aquí
Cómo funciona
- 1Pega código SVG o suelta un archivo .svg.
- 2La herramienta lo codifica en URL dentro de una regla background-image.
- 3Copia el fragmento CSS directamente a tu hoja de estilos.
Gratis, sin registro y sin marcas de agua: todo se ejecuta localmente en tu navegador, así que tus archivos nunca salen de tu equipo.
Preguntas frecuentes
¿Por qué codificar en URL en lugar de base64?
El SVG codificado en URL ocupa menos y sigue siendo legible en tu CSS; base64 también está disponible si lo prefieres.
¿Cuándo conviene incrustar SVG en CSS?
Con iconos decorativos pequeños y patrones: ahorra una petición HTTP. Los dibujos grandes es mejor dejarlos como archivo.