Minificar CSS online gratis (y embellecer)
Minifica o embellece tu CSS al instante en el navegador. Elimina comentarios y espacios para reducir el tamaño del archivo.
🔒 Tu archivo nunca sale de tu navegador. Todo el procesamiento se hace en local.
Cómo minificar CSS online
- 1
Pega tu CSS
Pega o escribe tu código CSS en el cuadro de entrada.
- 2
Elige Minificar o Embellecer
Haz clic en Minificar para comprimir el CSS o en Embellecer para darle formato con sangría uniforme.
- 3
Copia el resultado
El resultado aparece a la derecha. Haz clic en Copiar para llevarlo al portapapeles.
El CSS bloquea el renderizado: el navegador no puede mostrar nada hasta descargar y analizar todas las hojas de estilo del head. Por eso unos pocos kilobytes retrasan el First Contentful Paint, sobre todo en móviles. Minificar el CSS es la optimización más barata: sin proceso de compilación ni cambios de código, solo un archivo más pequeño que se ve exactamente igual.
Qué se elimina: comentarios, sangrías, saltos de línea, espacios alrededor de llaves y dos puntos, y el último punto y coma antes de cada llave de cierre. Los selectores, nombres de propiedades y valores no se tocan, así que el CSS minificado se comporta igual que el original. Además, Embellecer hace lo contrario: convierte una hoja de estilos de producción en reglas legibles con sangría coherente.
Si tu hoja de estilos es grande por reglas sin usar y no por espacios, minificar ahorrará poco; elimina antes los selectores sobrantes en tu proceso de compilación. Para el resto de tus recursos, el minificador de JS y el minificador de HTML aplican la misma idea a scripts y marcado.