Minificador de CSS en línea

Esta página abre el minificador de código con CSS preseleccionado. Pegue una hoja de estilo, presione el botón y obtendrá una sola línea compacta: comentarios eliminados, espacios en blanco colapsados ​​alrededor de llaves, dos puntos, punto y coma y comas, y el último punto y coma redundante antes de que se elimine cada llave de cierre.

CSS responde muy bien a la minificación porque las hojas de estilo formateadas son en su mayoría sangrías y comentarios; los ahorros típicos oscilan entre el 15% y el 40% del tamaño del archivo. Un CSS más pequeño significa que el navegador comienza a renderizar antes, ya que las hojas de estilo son recursos que bloquean el renderizado: cada kilobyte recortado de CSS acorta el tiempo para pintar por primera vez en conexiones lentas.

El minificador es cuidadoso en lo que importa: las cadenas en las propiedades del contenido y los valores de url() se copian palabra por palabra, y los espacios alrededor de los dos puntos del nivel del selector se mantienen para que los combinadores como "a :hover" mantengan su significado. El panel de tamaño muestra los bytes antes y después más el porcentaje guardado, y el resultado se puede copiar o descargar con un solo clic.