Minificador HTML / CSS / JS
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.
<!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
- Pega tu código fuente.
- Elige el lenguaje (HTML / CSS / JS).
- Alterna si quitar comentarios o no.
- 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
Optimizador de SVG
Reduce un SVG con SVGO — quita los restos del editor, redondea coordenadas, fusiona formas — y compara antes y después. No se sube nada.
Compresor de Imágenes
Comprime y redimensiona imágenes JPEG, PNG y WebP en tu navegador.
Comprimir PDF
Reduce un PDF reencodificando las imágenes que lleva dentro. El texto sigue siendo seleccionable y buscable. No se sube nada.
Conversor de CSS a objeto de estilo JS
Convierte un bloque de declaraciones CSS en un objeto de estilo en línea de React/JS, en tu navegador.
Probador de selectores CSS
Prueba un selector CSS contra tu HTML y ve exactamente qué elementos coinciden, en tu navegador.
Formateador y minificador de XML
Embellece XML con una indentación limpia o minifícalo a una línea, en tu navegador.