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 se ejecuta directamente en el navegador y está lista para realizar comprobaciones rápidas sin instalar software.
La entrada se puede borrar y recalcular inmediatamente, lo que resulta útil para tareas pequeñas repetidas.
Utilice el modo de pantalla completa cuando necesite más espacio para texto largo, datos estructurados o bloques de resultados grandes.
Los botones de copia están disponibles en los resultados generados para que los resultados se puedan reutilizar en código, documentos o chats de soporte.
La mayoría de las operaciones son deterministas: los mismos insumos y opciones producen el mismo resultado.
Para contenido confidencial, prefiera las herramientas del navegador local y revise el resultado antes de compartirlo más.

Supported formats

This tool accepts these formats. Uncommon containers and modern web formats may be normalized or converted on the server before processing.

SVG
SVG

A damaged file or a non-standard codec can still fail even when the extension is supported.