AZ Tools

Minificador HTML / CSS / JS

Desarrollo

Pega el código fuente, elige HTML / CSS / JS, y la herramienta quita espacios redundantes y (opcionalmente) comentarios, devolviendo una versión minificada de una sola línea con el tamaño en bytes antes y después y el porcentaje ahorrado. Basado en regex puro — rápido, offline, sin librerías. Ideal para snippets pequeños y trims finales. Para pipelines de build, usa un minificador dedicado como terser o esbuild.

Original
234 B
Minificado
161 B
Ahorrado
31.2%
Minificado
<!doctype html><html lang="en"><head><title>Sample Page</title></head><body><h1>Hello, world!</h1><p> This is a paragraph with multiple lines. </p></body></html>

Cómo usar

  1. Pega tu código fuente.
  2. Elige el lenguaje (HTML / CSS / JS).
  3. Alterna si quitar comentarios o no.
  4. Copia la salida minificada.

Preguntas frecuentes

¿Es seguro para producción?
Para CSS o HTML pequeños, sí — las reglas son conservadoras. Para JavaScript, mejor un tool como terser o esbuild en tu build, ya que este no renombra variables, no plega constantes ni elimina código muerto.
¿Por qué mi JS no se comprime más?
La verdadera compresión JS necesita un AST. Este minificador solo quita espacios y comentarios — eso ya es mucho para snippets hechos a mano, pero no iguala a terser.
¿Rompe HTML dentro de <pre> o <textarea>?
Puede — los espacios ahí son significativos. Evita minificar HTML que los contenga, o sustituye su contenido por un placeholder primero.
¿Son importantes los comentarios CSS?
A veces — los headers de licencia en /*! por convención los preservan los minificadores profesionales. Esta tool quita todos si 'quitar comentarios' está activo; para preservar licencias, desactívalo.

Herramientas relacionadas