Minifica y comprime hojas de estilo CSS al instante en tu navegador. Elimina comentarios, colapsa espacios en blanco y reduce el tamaño del archivo. Gratis y privado.
Compatible con archivos .css. O pega tu CSS arriba.
La minificación de CSS elimina espacios en blanco, comentarios y caracteres innecesarios de una hoja de estilo para reducir su tamaño antes de publicarla en los navegadores. Las reglas reales no cambian: una hoja de estilo minimizada muestra las páginas de manera idéntica a la fuente no minimizada. Los ahorros provienen de la eliminación de nuevas líneas, puntos y comas redundantes, comentarios, oportunidades de taquigrafía de colores hexadecimales y atajos de unidad cero (reemplazando 0px por 0).
En sitios web modernos con docenas de reglas de estilo, la reducción típica es del 20 al 40% en comparación con la fuente no minificada. Combinado con la compresión gzip en el servidor, los ahorros marginales se reducen (gzip ya comprime el texto repetido de manera efectiva), pero la combinación aún supera a la compresión por sí sola, particularmente cuando las hojas de estilo se almacenan en caché y se muestran muchas veces a muchos visitantes.
Este minificador procesa CSS en una sola pasada, eliminando comentarios fuera de los valores de url(), colapsando espacios en blanco, eliminando punto y coma redundantes antes de cerrar llaves, aplicando taquigrafía de unidad cero y convirtiendo colores hexadecimales de seis dígitos a formato de tres dígitos cuando sea posible (#ffffff → #fff). El resultado sigue siendo un CSS válido que cualquier navegador analiza correctamente.
Los archivos CSS más pequeños se cargan más rápido y el tiempo de bloqueo de renderizado disminuye, lo que mejora las puntuaciones de First Contentful Paint y Largest Contentful Paint. Para los sitios donde Core Web Vitals afecta el ranking de búsqueda, vale la pena el esfuerzo por cada kilobyte de CSS que bloquea el procesamiento.
Los costos del ancho de banda también son importantes a escala. Los sitios que ofrecen millones de páginas vistas ahorran cantidades mensurables de salida cuando sus hojas de estilo son un 30% más pequeñas. Las facturas de CDN, el uso de datos móviles y el consumo de energía se benefician ligeramente. La minificación es esencialmente gratuita: un paso de construcción único sin costo de mantenimiento.
Pega CSS y obtén la versión minimizada.
La minificación de CSS es principalmente una eliminación conservadora de espacios en blanco. Los espacios en blanco dentro de selectores, declaraciones y valores se conservan cuando sean significativos; El espacio en blanco exterior está colapsado. Los comentarios se eliminan a menos que comiencen con /*! (comentarios de conservación de licencia).
Atajos comunes: 0px, 0em y valores similares de unidad cero se convierten en 0; los colores hexadecimales de seis dígitos con dígitos pares (#ffffff, #336699) se convierten en tres dígitos (#fff, #369); se elimina el último punto y coma antes de }. Los nombres de los colores no se convierten a hexadecimal automáticamente porque el hexadecimal a veces es más largo (el rojo tiene una longitud más corta que #f00; #ff0000 es más largo que el rojo).
La salida debe pasar cualquier validador CSS que acepte la entrada. La compatibilidad con el navegador no ha cambiado: la minificación no modifica las reglas en sí, solo su representación de texto.