Gratis · sin registro · 100% privado

Formateador y compresor de código online

Pega HTML, CSS, JavaScript, JSON o SQL desordenado y conviértelo en código limpio: indéntalo, minifícalo para producción o elimina los comentarios innecesarios en un clic.

Tu código

0 caracteres · 0 líneas

Resultado

0 caracteres · 0 líneas

Cargar ejemplo

🔒 100% privado — tu código se procesa en tu dispositivo y no se sube a ningún servidor.

Funciona con archivos de código de hasta ~2 MB de texto. La primera vez que uses cada acción, el motor correspondiente se descarga una vez (unos KB a menos de 1 MB) y queda listo para el resto de la sesión.

Cómo funciona CodiClean

Pega o suelta tu código. Copia el código desordenado y pégalo en el panel de la izquierda, o suelta directamente un archivo .html, .css, .js, .json o .sql sobre el editor.
Elige una acción. «Formatear» lo indenta y ordena para que sea legible, «Minificar» lo comprime al máximo para producción y «Eliminar comentarios» limpia el ruido manteniendo el código legible.
Copia o descarga el resultado. El panel derecho muestra el código listo al instante: cópialo al portapapeles o descárgalo como archivo con un clic.

Formatear vs. minificar: cuándo usar cada uno

Un código «limpio» significa cosas distintas según el momento del proyecto en el que estés. Mientras programas o revisas un pull request, quieres código formateado: bien indentado, con saltos de línea coherentes y fácil de leer para ti y para el resto del equipo. CodiClean usa un motor de formateo real —no expresiones regulares improvisadas— para HTML, CSS y JavaScript, y una gramática SQL dedicada para tus consultas, así que respeta la sintaxis de cada lenguaje en lugar de romperla.

Cuando ese mismo código va a producción, en cambio, cada byte cuenta: los espacios, los saltos de línea y los nombres largos de variable no aportan nada al navegador, solo aumentan el tiempo de descarga. Ahí es donde entra minificar: para JavaScript se acortan nombres de variables locales y se elimina código muerto de forma segura; para CSS y HTML se colapsan espacios, se fusionan reglas y se eliminan comentarios; el JSON se compacta a una sola línea sin espacios. El resultado puede pesar entre un 30% y un 70% menos que el original, dependiendo del código de partida.

El tercer botón, eliminar comentarios, es un término medio pensado para cuando quieres limpiar código heredado con comentarios obsoletos (// TODO borrar esto, código comentado que ya no se usa, cabeceras repetidas) pero sin perder la indentación legible. CodiClean elimina solo los comentarios reales de cada lenguaje —respetando el texto que va dentro de cadenas y strings— y vuelve a formatear el resultado para que quede ordenado.

Qué hace CodiClean con cada lenguaje

🌐 HTML

Indenta etiquetas anidadas, colapsa espacios en blanco y minifica también el CSS y JS que tengas embebido en <style> y <script>.

🎨 CSS

Ordena selectores y propiedades, fusiona reglas equivalentes al minificar y respeta variables, media queries y @import.

⚙️ JavaScript

Formatea con indentación consistente; al minificar comprime y renombra variables locales de forma segura (ES2020+).

🗂️ JSON

Valida la sintaxis con número de línea del error, acepta comentarios estilo JSONC al pegarlos y los retira automáticamente.

🗄️ SQL

Aplica mayúsculas a las palabras clave, indenta cláusulas SELECT/JOIN/WHERE y compacta consultas largas en una línea.

Preguntas frecuentes

¿Es seguro pegar código con contraseñas o datos sensibles?

Sí. Todo el procesamiento ocurre en tu propio navegador: el código que pegas nunca se envía a ningún servidor ni se guarda en ningún sitio.

¿Qué diferencia hay entre formatear y minificar?

Formatear reordena e indenta el código para que sea legible por humanos. Minificar hace lo contrario: elimina espacios, saltos de línea y comentarios para reducir el peso del archivo en producción.

¿Funciona con MySQL, PostgreSQL y otros dialectos de SQL?

El formateador de SQL usa una gramática genérica compatible con la mayoría de dialectos (MySQL, PostgreSQL, SQL Server, SQLite...). En consultas muy específicas de un motor concreto, revisa siempre el resultado.

¿Se guardan mis archivos o mi código en algún servidor?

No. CodiClean no tiene backend ni base de datos: todo el análisis y la transformación del código ocurren en tu propio navegador con JavaScript.

¿Hay un límite de tamaño de archivo?

Funciona bien con archivos de código de hasta unos 2 MB de texto. Por encima de eso, el navegador puede tardar más o consumir mucha memoria según el dispositivo.

¿Por qué minificar código si el servidor ya usa compresión gzip?

Minificar reduce el trabajo de análisis (parseo) del navegador además del peso en bytes, y sigue ayudando aunque el servidor use compresión gzip o brotli.

¿"Eliminar comentarios" puede borrar algo que no debería?

El botón solo elimina comentarios reales de cada lenguaje, respetando el texto dentro de cadenas. Aun así, revisa el resultado antes de usarlo en producción, sobre todo si había comentarios con licencias o atribuciones legales.

Más herramientas de la red MicroPAF

QR3D Generador de códigos QR personalizables, con exportación a objeto 3D imprimible. Cuota Clara Calculadora de hipoteca y préstamos con tabla de amortización. Calculadora Porcentual Calcula porcentajes, subidas, bajadas y descuentos al instante. PC Performance Calculator Estima el rendimiento y los FPS de tu PC según su hardware. Sensi360 Convierte tu sensibilidad de ratón entre más de 20 videojuegos.