Pega JavaScript o CSS — pulsa Minificar para eliminar espacios en blanco y comentarios para producción, o Embellecer para reindentar código ofuscado / en una sola línea y hacerlo legible. Detección automática de lenguaje, todo en tu navegador.
Conservador. Eliminamos comentarios y colapsamos espacios en blanco, pero no renombramos identificadores (foo sigue siendo foo), no realizamos eliminación de código muerto y no reordenamos sentencias. El objetivo es una reducción de bytes segura y predecible. Si quieres la máxima compresión, pasa la salida por Terser o esbuild como paso final.
No. El tokenizador es consciente de cadenas, plantillas literales y expresiones regulares. Los espacios en blanco y secuencias parecidas a comentarios dentro de "...", '...', \`...\` o /regex/flags se conservan tal cual. Los comentarios de banner de licencia (/*! ... */) también se conservan por defecto.
Entrada
Salida
Pensado para flujos de trabajo diarios con JS + CSS
Minifica para producción, embellece para depurar — y unos pequeños detalles que lo hacen agradable de usar.
Dos lenguajes, dos transformaciones
JavaScript o CSS, minificar o embellecer, en una sola herramienta. La detección automática elige el lenguaje según pistas del contenido; o anúlalo con el desplegable Lenguaje.
Minificación conservadora
Eliminamos comentarios y colapsamos espacios en blanco — pero nunca renombramos identificadores, nunca reordenamos, nunca hacemos inlining. Las cadenas, plantillas literales, expresiones regulares y comentarios de banner de licencia (/*! ... */) se conservan tal cual. La salida es segura byte a byte.
Embellece código ofuscado / minificado
Pega un bundle minificado de una sola línea, pulsa Embellecer y obtén una versión indentada legible — útil para inspeccionar scripts de terceros, depurar trazas de pila en producción o aprender de código ingenioso.
Diferencia de tamaño de un vistazo
Cada minificación te muestra el delta bytes de entrada → bytes de salida y el porcentaje ahorrado. No hay que adivinar si tu bundle de CSS realmente está reduciendo de tamaño.
Privacidad por diseño
Tu código se queda en tu dispositivo. El tokenizador, el minificador y el embellecedor se ejecutan como JavaScript de forma local. Abre DevTools → Network y verifica cero peticiones salientes.
Diminuto + rápido
JavaScript puro, sin runtime de framework. La carga en frío es de menos de 25 KB comprimidos con gzip. Un bundle JS de 200 KB se minifica en menos de 50 ms en un portátil normal.
Cómo minificar o embellecer JS / CSS
Tres pasos desde el código en bruto hasta una salida lista para producción.
1
Pega tu código
Suelta JavaScript o CSS en el panel Entrada. La herramienta detecta automáticamente de qué lenguaje se trata — o elige en el desplegable Lenguaje si la fuente es ambigua (por ejemplo, un fragmento pequeño).
2
Elige Minificar o Embellecer
Pulsa Minificar para eliminar comentarios y espacios en blanco para producción. Pulsa Embellecer para expandir código ofuscado / en una sola línea con indentación adecuada. La herramienta se reejecuta al instante con cada clic — alterna entre ambos para comparar.
3
Copia o descarga
Usa el icono de copiar para enviar la salida al portapapeles, o el icono de descarga para guardarla como output.min.js / output.min.css / output.beauty.js / output.beauty.css. La diferencia de tamaño (bytes de entrada → de salida, porcentaje ahorrado) te muestra exactamente cuánto has comprimido.
Pensado para el trabajo diario de desarrollo web
Cuatro escenarios habituales en los que una herramienta de navegador con la privacidad por delante supera pegar el código en cualquier minificador online aleatorio.
Scripts inline en email HTML o sitios estáticos
Las páginas estáticas, las plantillas de email transaccional y los snippets de embebido suelen necesitar un script u hoja de estilos inline en una sola línea. Suelta tu código fuente legible, minifica, pega el resultado en la etiqueta <style> o <script> — listo.
Leer un script de terceros en el que no confías
Píxeles de proveedores, balizas de redes publicitarias, extensiones sospechosas — todo se entrega como una sola línea minificada. Pega, pulsa Embellecer, lee qué están haciendo realmente antes de incrustarlos en producción.
Auditoría rápida de CSS para un tema de CMS
Los temas para WordPress / Shopify / Ghost / Webflow vienen con CSS sobrecargado. Pega la hoja de estilos, embellece, busca reglas duplicadas y selectores no utilizados. Cuando termines, vuelve a minificar la versión limpia a una sola línea.
Código sensible que no puede ir a un servicio de terceros
Scripts internos con claves de API, secretos, lógica de negocio — cualquier cosa que no puedas pegar en un minificador en la nube. La herramienta solo de navegador mantiene cada byte en tu portátil. Abre DevTools → Network y verifica que nada sale.
100% privado — se ejecuta en tu navegador
Tu código nunca sale de tu dispositivo. Abre DevTools → Network y verás cero peticiones salientes durante la minificación o el embellecimiento.
El tokenizador, el minificador y el embellecedor se ejecutan como JavaScript en tu máquina — sin Terser, sin esbuild, sin API de terceros.
Los comentarios de banner de licencia (/*! ... */) se conservan por defecto para que no elimines accidentalmente la atribución requerida por la licencia de una librería de código abierto.
Sin inicio de sesión, sin telemetría sobre el contenido del código. Solo usamos una cookie para el estado del consentimiento de cookies y otra para la preferencia de idioma.
Guías relacionadas
Lecturas seleccionadas sobre minificación de JS / CSS, formateo de código y disciplina de tamaño de bundle.
Conservador. Eliminamos comentarios y colapsamos espacios en blanco, pero no renombramos identificadores (foo sigue siendo foo), no realizamos eliminación de código muerto y no reordenamos sentencias. El objetivo es una reducción de bytes segura y predecible. Si quieres la máxima compresión, pasa la salida por Terser o esbuild como paso final.
¿Se romperán mis cadenas, plantillas literales o expresiones regulares?
No. El tokenizador es consciente de cadenas, plantillas literales y expresiones regulares. Los espacios en blanco y secuencias parecidas a comentarios dentro de "...", '...', \`...\` o /regex/flags se conservan tal cual. Los comentarios de banner de licencia (/*! ... */) también se conservan por defecto.
¿El minificador de CSS gestiona reglas anidadas y consultas @media?
Sí. Reglas anidadas, @media, @keyframes, @font-face, @layer, @container, @supports y propiedades personalizadas de CSS (--var) se minifican de forma segura. Las listas de selectores con comas se mantienen; solo se colapsa el espacio en blanco no significativo.
¿Puedo embellecer un bundle minificado de una sola línea?
Para eso está exactamente Embellecer. Pega cualquier JS o CSS minificado, pulsa Embellecer y obtén una versión reindentada. El embellecedor no cambia la semántica — solo añade saltos de línea e indentación según la profundidad de los corchetes. Funciona con cualquier entrada válida sin importar cómo se haya minificado.
¿Se envía algo a tu servidor?
No. El tokenizador, el minificador y el embellecedor se ejecutan en JavaScript en tu dispositivo. Abre DevTools → Network y verás cero peticiones salientes durante la minificación o el embellecimiento. Pega claves de API, secretos o código propietario — nada sale de tu portátil.