Formateador de HTML, CSS y JavaScript
Pega tu código — el lenguaje se detecta solo. Formatear añade sangrías; Minificar quita lo que sobra.
Cómo usarlo
Pega el código y pulsa un botón. El lenguaje se deduce del contenido, pero puedes fijarlo a mano si un fragmento corto se interpreta mal. Bajo el resultado verás cómo cambió el tamaño.
Formatear sirve cuando el código llega en una sola línea desde otro proyecto o desde un archivo minificado y hay que leerlo. Minificar es lo contrario: menos bytes antes de publicar, es decir, una página más rápida.
Preguntas frecuentes
¿Por qué JavaScript se reduce menos que CSS?
Minificar JavaScript de verdad exige analizarlo en un árbol sintáctico; sin él es fácil romper la inserción automática de punto y coma o confundir una expresión regular con una división. Elegimos la vía segura: fuera comentarios y sangrías, se mantienen los saltos de línea. El archivo encoge bastante y sigue funcionando con seguridad.
¿El código minificado romperá mi sitio?
No. En CSS y HTML la transformación conserva el significado, y en JavaScript el modo conservador es deliberado. Aun así, prueba el resultado antes de publicarlo, como con cualquier cambio automático.
¿Qué pasa con los bloques script y style dentro del HTML?
No se tocan. El contenido de script, style, pre y textarea se copia tal cual, porque un salto de línea ahí puede cambiar el significado.
¿Se envía mi código a algún sitio?
No, todo se ejecuta en el navegador. Puedes pegar código de producción sin riesgo.