Embellecer SVG en línea — Formateador SVG
Embellece SVG al instante. Formatea el markup con una indentación legible. Procesamiento en el navegador.
Funcionalidades
Formatea el markup SVG con indentación legible sin cambiar cómo se renderiza el gráfico.
Formatea el markup SVG con indentación legible sin cambiar cómo se renderiza el gráfico.
Ejemplo básico
SVG minificado
SVG embellecido
Opciones de minificación
Tamaño de indentación
Número de espacios (o ancho de tabulación) al formatear SVG.
Tipo de indentación
Usar espacios o tabulaciones para la indentación al embellecer SVG.
Notas para desarrolladores
Esta página elimina espacios, comentarios y elementos <metadata> sin cargar SVGO (~780 KB). Activa las opciones antes de minificar — todo el procesamiento permanece en la pestaña. Para reescritura de paths y presets SVGO, pasa a optimize SVG después de este paso. Combina con validate SVG para comprobar viewBox o title/desc.
Cuándo los equipos eligen esta ruta
Eliminar espacios de iconos pegados en HTML o componentes React antes del commit. Primer paso de limpieza en exportaciones de Figma/Illustrator antes de una optimización SVGO más profunda. Comprimir candidatos a sprite cuando solo necesitas eliminar comentarios y espacios. Usa embellecer SVG o desminificar SVG para inspeccionar el markup, luego vuelve aquí para la minificación de producción.
Herramientas del cluster SVG
Esta página es el paso de minificación ligera. Para presets SVGO y el resto del cluster SVG, abre el hub de herramientas SVG o la herramienta complementaria optimize SVG.
Preguntas frecuentes — Embellecimiento
Todo sobre el embellecimiento
¿Qué hace el embellecedor SVG?
Formatea el markup SVG con indentación legible sin cambiar cómo se renderiza el gráfico.
¿Embellecer vs optimizar (minificar)?
Embellecer para legibilidad; minificar SVG para reducir activos de producción.
¿Se sube mi SVG a un servidor?
No. El embellecimiento se ejecuta íntegramente en tu navegador — tu SVG no sale de tu dispositivo y FastMinify no lo almacena.
¿Embellecer vs desminificar — cuál usar?
Embellecer formatea SVG legible; desminificar restaura salida comprimida — prueba el desminificador SVG. Para el formato diario, usa el embellecedor SVG.
¿Puedo personalizar la indentación?
Sí — elige 2 o 4 espacios o tabulaciones en la barra de opciones de Embellecer.
Embellecer
Haz el código legible con una indentación coherente — embellece JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML y más en tu navegador.
Explorar otras categorías de herramientas
- Minificar
Reduce código y assets para producción — minifica JavaScript, CSS, HTML, JSON y XML antes de gzip o un despliegue CDN.
- Desminificar
Expande código minificado o comprimido — desminifica JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML y otros formatos al depurar o revisar.
- Conversión
Transforma datos entre JSON, YAML, XML y CSV en local — sin subidas a un servidor.
- Codificación
Codifica o decodifica Base64, componentes URL y entidades HTML — solo en el cliente.
- Serialización
Serializa y deserializa estructuras PHP junto a los flujos JSON.
- Herramientas JSON
Valida, formatea, compara y explora payloads JSON — complementarias a minificadores y convertidores.
- Herramientas SVG
Previsualiza, optimiza con SVGO, exporta Data URI, redimensiona, embellece, convierte a JSX y valida SVG — todo en tu navegador.
- Preprocesadores CSS
Compila SCSS o LESS a CSS estándar en el navegador — combínalo con embellecer o minificar para un flujo de hoja de estilos completo.
- Herramientas color y CSS
Comprobación de contraste WCAG pegada localmente con sintaxis de color CSS moderna — vistas de par y matriz, nunca se sube.
- DevOps e Infra
Formato, validación y minificación de Terraform HCL, formato y lint de Dockerfile, validación de Docker Compose y .env.
- CI/CD
GitHub Actions y GitLab CI — formatear YAML y comprobar la estructura de workflows/jobs en el navegador.
- Logs y observabilidad
JSON/NDJSON línea a línea y access logs de Nginx/Apache — formato, filtro, validación y CSV/TSV.
- Kubernetes
Manifiestos multi-doc, validación estructural, starters Ingress/Deployment y formato de values de Helm.
- Red / IP
CIDR, subredes y ayudas IPv4/IPv6 — en tu navegador.
- Seguridad y tokens
JWKS, certificados X.509 y escaneo de secretos — en local en el navegador.
- API y esquemas
Herramientas OpenAPI para formatear, validar y analizar tus specs.
- Herramientas HTTP
cURL, mensajes HTTP, URLs, HAR y Cookie / Set-Cookie pegados en el navegador — formatear e inspeccionar, nunca se envían.
- Herramientas SEO / Web
Genera meta tags, Open Graph y Twitter Card localmente — vistas simuladas desde tus entradas, nunca fetch de tu sitio en vivo.
- Utilidades para desarrolladores
Timestamps, UUID, ULID, Nanoid, cron, contraseñas, regex, slugify, bases numéricas, mayúsculas, diff de texto y chmod — todo en el cliente.
- Texto y Markdown
Cuenta palabras, genera TOC Markdown y limpia listas de líneas — todo en tu navegador.
- IA y LLM
Conteo de tokens, estimación de costes y ajuste a la ventana de contexto — 100 % en el navegador.
- Datos de prueba
Valores de campo sintéticos para fixtures y seed de BD — primero números de teléfono en rangos reservados.
- Etiquetas de código de barras
Dibuja etiquetas Code 128, EAN-13 y UPC-A en el navegador — descarga PNG y SVG, no es un lookup GS1.