Minificador de CSS
Minificador de CSS online gratis. Comprime y minifica CSS eliminando comentarios y colapsando espacios en blanco: hojas de estilo más pequeñas y páginas más rápidas. Se ejecuta en tu navegador, sin subir archivos.
Acerca de Minificador de CSS
Minifica CSS al instante en tu navegador. Pega tu hoja de estilo para quitar comentarios, colapsar espacios y ajustar el espaciado alrededor de llaves, dos puntos y punto y coma: obtienes un archivo CSS más pequeño que se descarga y aplica más rápido. El minificador protege el contenido de tus cadenas (como valores de content y rutas url()) y conserva el espaciado que CSS realmente necesita, por ejemplo dentro de calc() y media queries, para que tus estilos sigan funcionando igual. Muestra con precisión cuántos bytes ahorraste, y todo se ejecuta en el cliente, así que tu CSS nunca sale de tu dispositivo.
Cómo usar Minificador de CSS
- Pega o escribe tu CSS en el cuadro de entrada.
- Haz clic en Minificar CSS para eliminar comentarios y colapsar espacios extra.
- Revisa los bytes ahorrados y el porcentaje de reducción encima del resultado.
- Haz clic en Copiar para obtener el CSS minificado para tu proyecto o pipeline de build.
Ejemplos de Minificador de CSS
Colapsar espacios y compactar reglas
Una regla formateada como .box {\n margin: 0 auto;\n color: #333;\n} se convierte en .box{margin:0 auto;color:#333}: más pequeña e idéntica al aplicarse.
Eliminar comentarios
Los comentarios de desarrollo como /* main layout */ se eliminan del resultado, mientras que el texto dentro de cadenas y valores url() se conserva.
Conservar calc() y media queries
El espaciado que CSS requiere -como calc(100% - 20px) y @media screen and (min-width: 900px)- se mantiene intacto para que tus estilos nunca se rompan.
Leer la guía completa
Cómo usar Minificador de CSS: guía completa (2026) - 5 min de lectura
Preguntas frecuentes sobre Minificador de CSS
- ¿Qué hace un minificador de CSS?
- Un minificador de CSS reduce el tamaño de una hoja de estilo sin cambiar cómo estiliza tu página. Elimina los caracteres que los navegadores ignoran -comentarios, saltos de línea, sangría y espacios repetidos- y ajusta el espaciado alrededor de llaves, dos puntos, punto y coma y combinadores. La página renderizada se ve idéntica, pero el archivo es más ligero y se descarga más rápido.
- ¿Minificar CSS cambia cómo se ve mi sitio?
- No. La minificación solo elimina caracteres que no afectan el resultado -espacio en blanco y comentarios- y ajusta la puntuación de forma segura. Declaraciones, selectores y valores no se tocan. Esta herramienta también conserva el espaciado que CSS realmente necesita, como dentro de calc() y entre las partes de una media query, para que nada se rompa.
- ¿Se sube mi CSS a un servidor?
- No. Toda la minificación ocurre por completo en tu navegador con JavaScript. Tu CSS nunca se envía ni se almacena en un servidor, lo que hace la herramienta segura para hojas de estilo privadas, design systems y temas no publicados.
- ¿Por qué debería minificar CSS?
- Los archivos CSS más pequeños se transfieren más rápido y bloquean el renderizado menos tiempo, lo que mejora la velocidad de carga y los Core Web Vitals, especialmente en móvil y páginas de alto tráfico. El CSS minificado también reduce costos de ancho de banda. Mantén una versión legible y formateada en tu código fuente y minifica como parte del build o antes de desplegar.
- ¿Cuánto más pequeño será mi CSS?
- Depende de cuánto espacio en blanco y cuántos comentarios tenga tu hoja de estilo. CSS muy formateado y bien comentado suele reducirse un 20-40%, mientras que el CSS ya compacto ahorra menos. La herramienta muestra los bytes exactos ahorrados y el porcentaje de reducción para tu archivo concreto.
- ¿Romperá calc(), custom properties o rutas url()?
- No. Es un minificador seguro: protege el contenido de cadenas entre comillas y valores url(), mantiene los espacios que calc() requiere alrededor de + y -, y conserva el espacio antes del paréntesis en media queries. Se centra en reducciones siempre seguras, no en reescrituras agresivas que pueden romper casos límite.
- ¿Debo minificar CSS o solo usar gzip/Brotli?
- Usa ambos. La compresión del servidor (gzip o Brotli) ya maneja bien el espacio en blanco repetido, así que la diferencia en la red por solo minificar es menor que el ahorro en bytes en bruto. Minificar igual ayuda: reduce el tamaño sin comprimir en cachés y memoria, le da menos trabajo al compresor y garantiza un archivo más pequeño incluso donde no hay compresión.