Herramientas de SVG a CSS y URI de datos Herramientas de SVG a CSS y URI de datos

SVG a CSS, máscara y URI de datos en línea

Pegue SVG o cargue un archivo para limpiar de forma segura el marcado, eliminar scripts y preparar un URI de datos compacto.

La herramienta verifica viewBox, dimensiones, color actual, relleno y trazo, luego genera fragmentos de CSS listos para imagen de fondo, máscara e incrustación en línea.

La herramienta funciona directamente en el navegador y sirve para comprobaciones rápidas sin instalar software.
La entrada se puede borrar y recalcular al instante, útil para tareas pequeñas repetidas.
Use el modo de pantalla completa cuando necesite más espacio para textos largos, datos estructurados o resultados grandes.
Los botones de copia permiten reutilizar el resultado en código, documentos o conversaciones de soporte.
La mayoría de las operaciones son deterministas: la misma entrada y las mismas opciones producen el mismo resultado.
Para contenido sensible, prefiera herramientas locales del navegador y revise el resultado antes de compartirlo.

Formatos compatibles

Esta herramienta acepta estos formatos. Los contenedores poco comunes y los formatos web modernos pueden normalizarse o convertirse en el servidor antes del procesamiento.

SVG
SVG

Un archivo dañado o un códec no estándar puede fallar aunque la extensión sea compatible.