Formateador SVG: Formatee Código SVG en Línea

Formatee Código SVG para Legibilidad

Los archivos SVG de herramientas de diseño suelen estar minificados en una sola línea ilegible. Este formateador añade sangría y saltos de línea adecuados para hacer el código SVG legible para humanos. Útil para depuración, edición y comprensión de cómo se construye un SVG. Todo el procesamiento ocurre en su navegador.

Cómo Usar

1. Pegue código SVG minificado en el área de texto o suba un archivo SVG
2. La herramienta cambia automáticamente a la pestaña Formatear
3. Haga clic en Embellezar para formatear el código SVG
4. La salida formateada muestra sangría y estructura adecuadas
5. Copie el código formateado o descargue el archivo

Operaciones de Formateo

La pestaña Formatear ofrece cinco operaciones:

• Embellezar: añade sangría y saltos de línea para SVG legible por humanos
• Minificar: elimina todos los espacios en blanco para la salida más pequeña posible
• CSS En Línea: mueve reglas de estilo a atributos en línea para compatibilidad con HTML de correo electrónico
• Rutas Absolutas: convierte comandos de ruta relativos a coordenadas absolutas
• Eliminar Metadatos: elimina atributos específicos del editor y elementos de metadatos

Casos de Uso Comunes

Depurar problemas de renderizado SVG

Cuando un SVG no se renderiza correctamente, el código formateado facilita identificar problemas estructurales, atributos incorrectos o elementos anidados que causan problemas.

Editar SVG a mano

El código SVG embellecido es lo suficientemente legible para editarlo directamente. Cambie colores, ajuste rutas, modifique texto o reestructure elementos sin abrir una herramienta de diseño.

Aprender la estructura SVG

Los SVG formateados revelan la estructura del documento, facilitando la comprensión de cómo los caminos, degradados, filtros y otras características SVG trabajan juntos.