Cómo funciona
- Selecciona un SVG y revisa la vista previa saneada.
- Elige Base64 puro o Data URI.
- Convierte el marcado seguro.
- Copia el resultado para tu flujo de desarrollo.
Ejemplo práctico
Data URI produce data:image/svg+xml;base64,... para usar el gráfico saneado como origen de imagen sin otra petición.
Fórmula y explicación
Base64 no rasteriza: codifica el texto SVG saneado como bytes UTF-8. Al decodificar se recupera el marcado vectorial y su escalabilidad.
Una Data URI incluye el MIME; Base64 puro solo los bytes codificados. Incrustar aumenta el tamaño aproximadamente un tercio y puede reducir el caché, por lo que conviene en recursos pequeños.
Los elementos activos y referencias externas se eliminan antes. No es cifrado y cualquiera puede decodificarlo.