Embellecer SVG en línea — Formateador SVG

Embellece SVG al instante. Formatea el markup con una indentación legible. Procesamiento en el navegador.

Cargando…
Embellecimiento SVG
Embellecer SVG en línea. Indentación y espaciado coherentes — procesamiento instantáneo en el navegador, sin subidas.

Funcionalidades

Formatea el markup SVG con indentación legible sin cambiar cómo se renderiza el gráfico.

Embellecer SVG

Formatea el markup SVG con indentación legible sin cambiar cómo se renderiza el gráfico.

Ejemplo básico

SVG minificado

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="blue"/><rect x="20" y="20" width="60" height="60" fill="red"/></svg>

SVG embellecido

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <circle cx="50" cy="50" r="40" fill="blue"/> <rect x="20" y="20" width="60" height="60" fill="red"/> </svg>

Opciones de minificación

Opciones de Embellecer
Opciones de indentación para Embellecer y Desminificar (no usadas por Minificar)

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.

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 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.

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.

Codificación

Codifica o decodifica Base64, componentes URL y entidades HTML — solo en el cliente.

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.

Serialización

Serializa y deserializa estructuras PHP junto a los flujos JSON.