100 MicroTools

SVG to Base64

Codifica vectores y trazados en formato SVG en URIs listas para CSS background.

El problema del escape

Por defecto, incrustar SVGs en CSS no necesita Base64 (ya que el Base64 hace los archivos de texto un 30% más pesados inútilmente). Lo más optimizado para la web es incrustarlo como texto URL-Encoded, escapando caracteres conflictivos como `#` o `<`. Esta herramienta usará un método seguro de URL Encoding por defecto para ahorrar bytes, marcándolo como data:image/svg+xml,... pero puedes forzar un Base64 estricto marcando la casilla oportuna.