# Minificador de CSS

> Minificador de CSS gratis. Elimina comentarios y espacios, acorta colores y ceros, y muestra los bytes ahorrados. Funciona en tu navegador.

Reduce tus hojas de estilo para producción: elimina comentarios y espacios, acorta colores y ceros, e informa exactamente cuántos bytes ahorraste.

*Interactive tool: enter your values at https://toollantern.win/es/minificador-css/ and results update instantly in your browser.*

## Qué hace la herramienta

La minificación elimina todo lo que el navegador no necesita: comentarios, saltos de línea, indentación, espacios alrededor de llaves y dos puntos, punto y coma finales, más optimizaciones seguras como #ff0000 a red o #f00, y 0px a 0. El resultado se comporta igual pero descarga más rápido.

## Ejemplo

body { color: #ff0000; margin: 0px; } se convierte en body{color:red;margin:0}: de 39 caracteres a 24, un 38 % más pequeño.

## Cuándo minificar

Minifica el CSS que envías a producción. Conserva el original legible como fuente de verdad y regenera el archivo minificado con cada cambio.

## Preguntas frecuentes
### ¿Minificar cambia cómo funciona el CSS?

No. Solo elimina caracteres que el analizador de CSS ignora, más acortamientos probadamente seguros. Selectores, especificidad y cascada no cambian.

### ¿Cuánto se reduce el CSS?

Normalmente entre 20 y 40 %, según los espacios y comentarios del original. La herramienta informa tu ahorro exacto.

### ¿Minifico durante el desarrollo?

No. Desarrolla con CSS legible (y source maps si tu build los usa), y minifica como paso de build o pega el resultado aquí antes de desplegar.

### ¿Mi CSS se envía a un servidor?

No. La minificación ocurre localmente en tu navegador, tus hojas de estilo siguen privadas.

---
Interactive version: https://toollantern.win/es/minificador-css/