SVG a CSS

Convierte código SVG en un data URI optimizado para background-image en CSS, codificado para URL o en Base64, con vista previa en vivo. Gratis online.

Sobre esta herramienta

Convierte código SVG en un data URI para background-image en CSS. La codificación para URL mantiene el resultado corto y legible; también está disponible Base64.

Cómo usarla

  1. Pega tu SVG.
  2. Elige Codificado para URL o Base64.
  3. Copia la declaración CSS y revisa la vista previa.

Preguntas frecuentes

¿Codificado para URL o Base64?

El SVG codificado para URL suele ser más pequeño y sigue siendo legible. Base64 es más seguro en herramientas que manejan mal los caracteres especiales.

¿Por qué se añadió xmlns?

Un SVG usado como data URI necesita xmlns="http://www.w3.org/2000/svg" para mostrarse, así que se añade si falta.

¿Se eliminan los espacios en blanco?

Sí. Los saltos de línea y los espacios sobrantes entre etiquetas se compactan para acortar el resultado.

Herramientas relacionadas