Formateador JSON
Formatea, minimiza y valida JSON con la posición exacta de los errores.
Minificador de HTML, CSS y JS
Reduce HTML, CSS y JavaScript quitando espacios en blanco, comentarios y bytes sobrantes.
Tus archivos se quedan en tu dispositivo
Cómo funciona
- 1Elige JavaScript, CSS o HTML.
- 2Pega tu código, o elige Probar un ejemplo.
- 3Ajusta las opciones de ese lenguaje.
- 4Copia el código minificado o descárgalo, y mira la línea de tamaño bajo los cuadros.
Qué hace cada opción
- JavaScript
- Usa Terser para quitar comentarios y espacios, simplificar expresiones y eliminar código inalcanzable.
- Acortar nombres de variables
- Cambia las variables locales por letras sueltas. Desactívalo si tu código lee nombres en tiempo de ejecución, por ejemplo mediante eval.
- CSS
- Usa csso para fusionar reglas, acortar colores y valores, y quitar comentarios.
- HTML
- Reduce los espacios en blanco y quita comentarios y atributos redundantes.
- Minificar CSS y JS en línea
- También reduce el código dentro de las etiquetas style y script del HTML.
Privacidad
Todo funciona en tu navegador. Lo que pegas nunca se envía a un servidor. El código sin publicar se queda en tu dispositivo.
Preguntas frecuentes
¿Es seguro usar código minificado?
Los minificadores están diseñados para mantener el mismo comportamiento, pero prueba el resultado. El código que depende de los nombres de funciones, usa eval o tiene errores de sintaxis puede romperse. Conserva tu archivo original.
¿Por qué indica un error de sintaxis?
JavaScript se analiza antes de reducirse, así que errores como un paréntesis que falta detienen la herramienta y muestran la línea. CSS y HTML son más tolerantes y a menudo se minifican tal cual están escritos.
¿Cuánto más pequeño quedará mi archivo?
Depende de cuántos espacios y comentarios tengas. Los archivos escritos a mano suelen reducirse entre un 20 y un 60 por ciento. Activar gzip o Brotli en tu servidor ahorra todavía más.
¿Admite JavaScript moderno?
Sí. Se admite la sintaxis actual, como las funciones flecha, las clases, las funciones async y el encadenamiento opcional. No convierte el código a una sintaxis más antigua.
¿Puedo obtener un source map?
No. Esta herramienta solo da el código minificado. Usa tu herramienta de compilación cuando necesites source maps para depurar.