Formateador y minificador de CSS
Embellece CSS para leerlo o minifícalo para publicarlo
Sobre esta herramienta
Expande CSS minificado o copiado de cualquier parte en reglas con una declaración por línea, o comprime una hoja de estilos para producción. El embellecedor normaliza la indentación y la colocación de llaves; el minificador elimina comentarios, colapsa el espacio en blanco y descarta los puntos y coma finales, dejando intactos las cadenas, el contenido de url(...) y las expresiones calc().
El minificador es transparente sobre lo que no hace: no renombrará selectores, ni fusionará reglas duplicadas, ni reescribirá colores. Eso hace la salida predecible y segura para cualquier hoja de estilos, incluidas las que llevan hacks y prefijos de proveedor — pega, minifica, publica.
Como todas las herramientas de aquí, el procesamiento es local. El código de un design system sin publicar se queda en tu navegador.
Preguntas frecuentes
- ¿Cuánto se reduce el CSS al minificarlo?
- Típicamente un 15–30% en CSS escrito a mano, sobre todo por la indentación y los comentarios. El gzip de tu servidor elimina buena parte de esa misma redundancia, así que la diferencia en el cable es menor de lo que sugiere el recuento de bytes en crudo — minifica de todos modos: también recorta el tiempo de análisis.
- ¿Es seguro con calc(), custom properties y media queries?
- Sí. Los espacios dentro de calc() son significativos y se conservan; las custom properties y sus referencias var() son declaraciones normales y sobreviven sin cambios; @media y el resto de at-rules mantienen su estructura.
- ¿Por qué los selectores descendientes conservaron sus espacios?
- Porque «nav a» y «nava» seleccionan cosas distintas — el espacio es un combinador, no formato. El minificador solo elimina el espacio en blanco sin significado sintáctico.
- ¿Puede convertir entre LESS/SCSS y CSS?
- No — la sintaxis de preprocesador necesita compilación, no formateo. El SCSS plano que también es CSS válido se formateará bien; las reglas anidadas y los mixins, no.