Convertidor de SVG a Fondo CSS Gratis
Convierte código SVG a background-image CSS usando data URIs. Formato URL-encoded o Base64 con vista previa en vivo. Sin registro.
100% gratis — no se necesita cuenta
Funciones de Convertidor de SVG a Fondo CSS Gratis
Incrusta SVGs directamente en tu CSS
Salida Data URI
Convierte SVG a una propiedad CSS background-image usando data URIs.
Copiar CSS
Copia la propiedad CSS generada lista para pegar en tu hoja de estilos.
URL-Encoded y Base64
Elige entre salida URL-encoded (más pequeña) o Base64 (más compatible).
Vista Previa en Vivo
Ve tu SVG renderizado en vivo mientras pegas o editas el código.
Preguntas frecuentes
¿Por qué incrustar SVGs como data URIs?
Los data URIs eliminan una solicitud HTTP, reduciendo el tiempo de carga de la página. Son ideales para SVGs decorativos pequeños, iconos y patrones usados en fondos CSS.
¿URL-encoded vs Base64 — cuál es mejor?
URL-encoded es típicamente 20-30% más pequeño. Base64 tiene mayor compatibilidad con herramientas antiguas. Para navegadores modernos, se recomienda URL-encoded.
¿Hay un límite de tamaño?
Sin límite estricto, pero los data URIs de más de 128KB pueden ralentizar el análisis CSS. Mantén los SVGs optimizados y usa esto para gráficos pequeños (iconos, patrones), no ilustraciones grandes.
Más utilidades para desarrolladores
Generador de gradientes CSS, conversor de píxeles a rem y más.