Saltar al contenido
TextArray
Totalmente local

Minificador CSS

Minimice CSS eliminando comentarios y espacios en blanco sin tocar sus valores.

Entrada

Minificador CSS

Pegue una hoja de estilo y esta herramienta devolverá una versión compacta con los comentarios eliminados, los espacios en blanco contraídos y el último punto y coma de cada bloque eliminado. Úselo para reducir bytes de una hoja de estilo antes de enviarla, para incorporar CSS crítico en el encabezado de una página, para comprimir estilos en una plantilla de correo electrónico HTML o simplemente para ver qué parte de su archivo está formateando: el recuento debajo de la salida muestra los recuentos de bytes y el porcentaje guardado.

El minificador analiza su CSS en lugar de reemplazar el texto a ciegas, por lo que las partes difíciles permanecen intactas: los literales de cadena mantienen cada carácter, las expresiones calc() mantienen los espacios alrededor de sus operadores, los valores de url() se copian intactos y un selector descendiente como "a :hover" nunca se fusiona con "a:hover". Lo que deliberadamente no hace es reescribir sus valores: los colores, las unidades y las taquigrafías aparecen exactamente como usted los escribió. Es un minificador honesto de espacios en blanco y comentarios, no un optimizador que reestructura reglas.

Dos opciones sintonizan la salida. "Mantener /*! comentarios" conserva los comentarios que comienzan con /*!, la convención para los banners de licencia que deben sobrevivir a la minificación; desactívela para eliminarlos como cualquier otro comentario. "Una regla por línea" emite una nueva línea después de cada regla de nivel superior, lo que mantiene el resultado fácil de comparar y más fácil de escanear que una línea larga.

Todo se ejecuta en su navegador. Su CSS nunca se carga, por lo que las hojas de estilo patentadas y los diseños inéditos permanecen en su dispositivo.

Preguntas frecuentes

¿Reescribe colores, unidades o propiedades taquigráficas?
No. Solo elimina comentarios, espacios en blanco innecesarios y el último punto y coma de cada bloque. Los valores, los selectores y el orden de las propiedades aparecen exactamente como están escritos: no reestructura ni optimiza las reglas como lo haría un minificador de herramientas de compilación.
¿Se romperán los valores complicados como calc() o url()?
No. La herramienta analiza el CSS, por lo que los literales de cadena se conservan carácter por carácter, calc() mantiene los espacios requeridos alrededor de sus operadores y todo lo que está dentro de url() se copia intacto.
Cuáles son /*! comentarios y por qué conservarlos?
Un comentario que comienza con /*! es la convención para carteles de licencias que deben sobrevivir a la minificación. "Mantener /*! comentarios" está activado de forma predeterminada; Apágalo para eliminarlos como cualquier otro comentario.
¿Mi CSS está subido a alguna parte?
No. La minificación se ejecuta completamente en su navegador y su hoja de estilo nunca sale de su dispositivo.