# Herramientas de Minificar, Embellecer y Formatear Código y Marcado Minifica y embellece CSS, HTML, JavaScript, JSON, SQL, XML, YAML, TOML, SVG y VBA, revisa (lint) Markdown y HTML de email, y formatea código en varios lenguajes en un solo hub para flujos de producción y revisión. > Página canónica: https://elysiatools.com/es/hubs/code-minify-beautify-format-tools - **Categoría:** format - **Palabras clave:** minificador css, minificador javascript, minificador html, minificador json, formateador sql, formateador yaml, formateador xml, formateador toml, minificador svg, embellecer código, formateador de código, linter markdown ## Descripción general Este hub agrupa los dos trabajos opuestos que ocurren alrededor de cada archivo de código o marcado: reducirlo para producción y limpiarlo para revisión. Los minificadores eliminan espacios, comentarios y marcado redundante de CSS, HTML, JavaScript, JSON y SVG para que los recursos pesen menos. Los embellecedores y formateadores hacen lo contrario, convirtiendo un blob minificado o desordenado en SQL, XML, YAML, TOML o VBA legible y bien indentado. Dos linters completan el conjunto: un comprobador de estilo Markdown y un verificador de compatibilidad de HTML para email que señala lo que Gmail, Outlook y Apple Mail romperán. Úsalo para preparar un build, desentrañar un snippet minificado o hacer un archivo de configuración revisable antes del commit. ## Herramientas - Minificador CSS: Comprimir código CSS - Embellecedor CSS: Formatea y embellece código CSS comprimido o desordenado en hojas de estilo legibles - Minificador HTML: Comprime HTML eliminando comentarios, colapsando espacios y minificando CSS/JS en línea - Minificador JavaScript: Comprimir código JavaScript - Minificador JSON: Comprime datos JSON eliminando todos los espacios en blanco innecesarios - Formateador y Minificador de SQL: Embellece o minifica SQL con control total del dialecto (PostgreSQL, MySQL, SQLite, SQL Server/T-SQL, BigQuery, Snowflake, etc.), mayúsculas de palabras clave/identificadores/funciones, estilo de sangría (estándar, tabular izquierda/derecha) y líneas entre sentencias. Produce un resultado resaltado y listo para copiar con estadísticas de tamaño y sentencias. - Formateador XML: Formatea, embellece y comprime XML con sangría configurable. Conserva comentarios y CDATA - Formateador YAML: Formatea y embellece YAML. Nota: los comentarios se pierden (limitación de js-yaml) - Formateador TOML: Formatea y embellece TOML. Nota: los comentarios se pierden y el orden de claves puede cambiar (limitación @iarna/toml) - Linter Markdown: Comprueba Markdown por problemas de estilo: niveles de encabezado, cercas de código, consistencia de listas y más (motor de reglas sin dependencias) - Minificador y analizador SVG: Analiza el marcado SVG, elimina elementos redundantes, reduce peso, compara antes y despues y exporta archivos limpios - Formateador de Código: Formatear código en varios lenguajes - Formateador de Código VBA: Formatear y embellecer código VBA para mejor legibilidad - Linter de HTML para Email: Verifica la compatibilidad entre clientes de plantillas HTML de email: flex/grid no soportado, CSS no inline, trampas de renderizado Word de Outlook, problemas de layout con tablas y falta de accesibilidad. Cubre las limitaciones conocidas de Gmail/Outlook/Apple Mail. ## Ejemplos - MySQL Database Ejemplos: Scripts de base de datos MySQL de varios niveles de complejidad, desde tablas simples hasta sistemas ERP empresariales - Ejemplos de TOML: Ejemplos de formato TOML (Tom's Obvious, Minimal Language) desde estructuras simples hasta complejas - Ejemplos Kubernetes YAML: Manifiestos YAML completos de Kubernetes para Deployment, Service, ConfigMap, Secret, Ingress y otros recursos esenciales ## Preguntas frecuentes ### ¿Cuál es la diferencia entre minificar y embellecer? Minificar elimina cada byte que no se necesita en tiempo de ejecución — espacios, comentarios, puntos y comas, saltos de línea — para que el archivo sea lo más pequeño posible para el navegador o parser. Embellecer hace lo contrario: vuelve a añadir indentación y saltos de línea consistentes para que un archivo minificado o desordenado sea legible de nuevo. La mayoría de formatos aquí tienen uno de cada uno. ### ¿Qué herramientas también hacen lint, no solo formatear? Markdown Linter comprueba problemas de estilo como niveles de encabezado, bloques de código y consistencia de listas, y Email HTML Linter señala problemas entre clientes como CSS flex/grid no soportado, estilos no inline y trampas de renderizado de Outlook. El resto se centra en minificar o formatear, no en comprobar reglas. ### ¿Formatear perderá mis comentarios? Depende del formato. XML Formatter preserva comentarios y CDATA, pero YAML Formatter y TOML Formatter advierten de que los comentarios se pierden por cómo funcionan sus parsers subyacentes. Las descripciones de las herramientas lo indican para que lo sepas antes de ejecutarlo sobre un archivo de configuración cuyos comentarios importan. ### ¿Puede SQL Formatter manejar mi dialecto de base de datos? Sí. SQL Query Formatter y Minifier soporta PostgreSQL, MySQL, SQLite, SQL Server/T-SQL, BigQuery, Snowflake y más, con control sobre mayúsculas/minúsculas de palabras clave e identificadores, estilo de indentación y espaciado de sentencias, y muestra estadísticas de tamaño y sentencias en vivo. ## Contenido relacionado - [Herramientas de Flujo de Trabajo CSS: Autoría, Layout y Cascada](https://elysiatools.com/es/hubs/css-authoring-layout-and-cascade-workflows): Formatea hojas de estilo, inspecciona selectores y especificidad, crea tipografía y layouts responsivos, previsualiza movimiento y genera filtros CSS en un solo hub. - [Herramientas de Flujo para SVG, Favicon e Iconos](https://elysiatools.com/es/hubs/svg-favicon-icon-workflows): Genera paquetes de favicon, optimiza SVG, convierte iconos entre ICO, PNG, JPG, WebP y SVG, y prepara assets listos para la web en un solo hub. - [Herramientas de inspeccion, diff y transformacion JSON](https://elysiatools.com/es/hubs/json-utility): Reune en un solo hub herramientas para formatear JSON, comparar cambios, inspeccionar rutas, validar esquemas, combinar archivos y transformar datos para flujos de API y datos. - [Herramientas para Redaccion, Extraccion y Publicacion de Documentacion](https://elysiatools.com/es/hubs/documentation-authoring-publishing): Redacta documentacion, extrae contenido desde codigo o PDF, revisa Markdown y exporta resultados pulidos en un solo hub de flujo documental. - [Herramientas de flujo para validacion de correo, MIME y entrega por dominio](https://elysiatools.com/es/hubs/email-mime-delivery-workflows): Valida listas de correo, revisa dominios y DNS, prepara contenido compatible con MIME, audita enlaces de seguimiento y entrega HTML de email en un solo hub. - [Herramientas de revision de consultas SQL, rendimiento e integridad relacional](https://elysiatools.com/es/hubs/sql-query-review-performance-and-integrity): Revisa SQL antes de llevarlo a produccion: formatea consultas, arma joins, inspecciona planes EXPLAIN, detecta patrones de inyeccion, valida claves foraneas y compara deriva de schema en un solo hub.