Minificador CSS
Reduce el tamaño de tus estilos CSS eliminando comentarios, espacios innecesarios y puntuación sobrante de forma limpia.
Ejecutar herramienta
Esta herramienta compacta texto CSS para optimizar la carga de tus hojas de estilo en la web. Al procesar el código, elimina los bloques de comentarios completos y normaliza los espacios en blanco alrededor de llaves, dos puntos, puntos y comas o comas separadoras. También reduce secuencias de espacios consecutivos a un único espacio y recorta los márgenes al inicio y al final del texto. Además, suprime el punto y coma final justo antes de la llave de cierre de cada bloque de reglas, logrando una estructura limpia sin alterar la jerarquía de tus selectores. Al finalizar el proceso, el panel presenta el CSS compactado junto con estadísticas detalladas: la longitud del texto original, la longitud resultante tras la reducción, la diferencia total de caracteres y el porcentaje de ahorro conseguido, calculado con un decimal. Si envías un campo vacío o con espacios, obtendrás una salida vacía con valores numéricos en cero.
Instrucciones
- Pega el fragmento de código CSS que deseas compactar en el área de texto.
- Haz clic en el botón para ejecutar la minificación.
- Revisa el código resultante y las métricas de reducción obtenidas en el panel.
- Copia el texto minificado para utilizarlo directamente en tu proyecto.
Ejemplos
- /* Estilo de tarjeta */ .card { background-color: #ffffff; padding: 16px; margin: 0 auto; } se transforma en .card{background-color:#ffffff;padding:16px;margin:0 auto}
- header, nav { display: flex; justify-content: space-between; } se convierte en header,nav{display:flex;justify-content:space-between}
Preguntas frecuentes
¿Qué tipo de comentarios elimina el minificador?
Suprime los comentarios en bloque delimitados por barras y asteriscos (/* ... */), eliminando por completo su contenido del archivo final.
¿Se alteran los nombres de las clases o variables al compactar?
No. La herramienta solo actúa sobre espacios en blanco, comentarios y puntuación redundante, conservando íntegros los nombres de selectores y propiedades.
¿Qué ocurre si introduzco un texto vacío?
El resultado generado estará vacío y las estadísticas de longitud original, longitud final y ahorro reflejarán un valor de cero.
¿Cómo se calcula el porcentaje de ahorro de espacio?
Se calcula comparando la diferencia de caracteres entre el texto inicial y el procesado respecto a la longitud original, redondeando la cifra resultante a un decimal.