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
- Pegue código SVG minificado en el área de texto o suba un archivo SVG
- La herramienta cambia automáticamente a la pestaña Formatear
- Haga clic en Embellezar para formatear el código SVG
- La salida formateada muestra sangría y estructura adecuadas
- 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.