Minificador de CSS, HTML y JavaScript

¿Qué hace minificar?

Minificar elimina todo lo que un navegador no necesita para ejecutar un archivo: comentarios, espacios extra y saltos de línea. El CSS además se reescribe de forma más compacta, por ejemplo acortando colores y fusionando reglas duplicadas. El resultado se comporta igual pero pesa menos, así que las páginas se descargan y se muestran más rápido, lo que ayuda a los visitantes y al posicionamiento.

Embellecer hace lo contrario: toma código denso o minificado y añade saltos de línea y sangría para que las personas puedan leerlo. Úsalo para inspeccionar una hoja de estilos o un script de un sitio en producción o para ordenar marcado generado. Las herramientas HTML dejan intacto el contenido de los bloques script, style, pre y textarea, el minificador de CSS usa csso y el de JavaScript usa terser, que además acorta los nombres de las variables locales. Prueba siempre el código minificado antes de publicarlo.

Cómo usar la herramienta

1. Elige CSS, HTML o JavaScript y si quieres minificar o embellecer.
2. Pega tu código y revisa el resultado y el tamaño ahorrado.
3. Copia la salida en tu proyecto.

Casos de uso comunes

• Velocidad de página - reduce hojas de estilo y plantillas antes de publicar.
• Leer código minificado - formatea un archivo comprimido para entenderlo.
• Correo e incrustados - comprime fragmentos con límites de tamaño estrictos.