1. Incrustar un icono SVG en CSS
Diseñador Web Front-endContexto
Está optimizando una página de aterrizaje y quiere reducir las peticiones HTTP de los iconos de redes sociales en formato SVG.
Problema
Los iconos SVG externos causan un pequeño retraso visual al cargar la página por primera vez.
Cómo usarlo
Sube el archivo facebook-icon.svg, selecciona la codificación 'URL-encoded' y el formato de salida 'CSS background'.
{
"encoding": "url",
"outputFormat": "css"
}Resultado
Obtiene una regla CSS background-image: url("data:image/svg+xml;utf8,...") lista para pegar en su hoja de estilos.