Ir al contenido
MagicWebBox
Iniciar sesión

Minificador CSS

Minifica tu archivo CSS

Código fuente

CSS Minificado

El resultado aparecerá aquí.

Acerca de la herramienta

Esta herramienta aligera una hoja de estilo antes de pasarla a producción, para que tus páginas descarguen menos datos. Sirve para un tema de WordPress, una página estática, un email HTML o cualquier proyecto sin cadena de build, cuando quieres reducir el peso del CSS sin instalar PostCSS ni configurar un bundler solo para eso.

La minificación la hace CSSO, que analiza de verdad el CSS: elimina espacios y comentarios, escribe de forma más corta valores como los colores y los ceros, y fusiona reglas cuando eso no cambia el resultado visual. Después, la herramienta muestra el tamaño antes y después y el porcentaje ahorrado, y el resultado se descarga con un clic.

Cómo usarla

  1. Pega tu hoja de estilo en «Código fuente» o elige un archivo .css en «Importar un archivo».
  2. Pulsa «Minificar CSS».
  3. Revisa el resultado y el ahorro de tamaño en «CSS Minificado».
  4. Pulsa «Descargar CSS Minificado» para obtener el archivo minified.css.

Preguntas frecuentes

¿Mi hoja de estilo se envía a un servidor?

No. CSSO se carga en la página y la minificación se hace en tu navegador. El archivo importado se lee en local y minified.css se genera en tu dispositivo al descargarlo.

¿Por qué ha cambiado el orden de mis reglas?

CSSO puede agrupar selectores idénticos o fusionar declaraciones para ahorrar espacio, solo cuando el resultado visual no cambia. Por eso el CSS puede quedar más corto que con una simple eliminación de espacios, con un orden distinto.

¿La herramienta acepta SCSS, Less o CSS anidado?

No, espera CSS estándar sin anidamiento. La sintaxis de Sass o Less y las reglas anidadas, incluido el nesting nativo de CSS, no se interpretan y pueden desaparecer del resultado sin mensaje de error. Compila antes tu archivo a CSS plano.

¿Se conservan los comentarios importantes?

CSSO elimina los comentarios normales pero conserva los que empiezan por /*!, la convención usada para los avisos de licencia. Añade ese signo de exclamación a cualquier comentario que deba quedarse en el archivo minificado.