Formateador y minificador de CSS online
Haz que el CSS vuelva a leerse bien, o redúcelo para una web más rápida.
Pega CSS, abre un archivo .css o suéltalo aquí
Siguiente: Formateador de HTML · Formateador y minificador JS
Informar de un problema con esta herramienta
Cómo usar Formateador y minificador CSS
Pega tu CSS
Pega una hoja de estilo, o abre o suelta un archivo .css. Se formatea mientras escribes.
Embellece o minifica
Embellecer pone cada regla y propiedad en su propia línea. Minificar quita comentarios, espacios y todo lo que los navegadores no necesitan.
Copia o descarga
Copia el resultado o descárgalo como archivo .css. Al minificar verás el tamaño antes y después.
Por qué usar Utils365
Más listo que quitar espacios
El minificador también acorta colores como #ff0000 a red, quita las unidades de los ceros y elimina reglas vacías.
Tus reglas siguen en orden
Las reglas nunca se fusionan ni se mueven, así que la cascada funciona exactamente igual y nada sobrescribe algo nuevo.
Se conservan los comentarios de licencia
Los comentarios que empiezan por /*! se quedan en el archivo minificado, como exigen muchas licencias de código abierto.
Privado por diseño
Tu CSS se formatea en tu navegador y nunca se sube.
Preguntas frecuentes
¿Cuánto más pequeño queda el CSS minificado?
Normalmente un 15–30 %, más si la hoja de estilo tiene muchos comentarios. El resumen muestra el tamaño exacto antes y después, y el porcentaje ahorrado.
¿Minificar puede romper mis estilos?
Está pensado para que no. Los valores solo se reescriben de formas que significan lo mismo, y las reglas mantienen su orden, así que no cambia qué regla gana.
¿Cómo desminifico CSS?
Pega el CSS minificado y elige Embellecer. Cada regla y propiedad va en su propia línea con la sangría que elijas. Los comentarios eliminados no se pueden recuperar.
¿Funciona con SCSS o Less?
Embellecer admite la mayor parte de SCSS y Less, incluido el anidamiento. Minificar espera CSS puro, así que compila primero tu SCSS o Less.