Desarrollo
Minificador CSS
Reduce CSS quitando espacios, saltos y comentarios.
CSS
.button{color:white;background:#0f766e;padding:12px}- Caracteres originales: 61.
- Caracteres minificados: 52.
Guarda siempre la versión legible. El CSS minificado es para servir, no para mantener.
Minificador CSS
Comprime una hoja de estilos quitando espacios, comentarios y caracteres innecesarios, sin cambiar su comportamiento, para que pese menos y cargue más rápido.
Recortar bytes de una hoja de estilos
- Dejar la hoja lista para producción.
- Ver cuántos bytes te ahorras antes de decidir si compensa.
Qué no hace esta minificación
Trabaja siempre con la versión legible y minifica solo para producción; el CSS comprimido es muy difícil de mantener. El CSS que pegas no viaja a ningún servidor: se procesa en tu propio equipo.
Preguntas frecuentes
¿Qué te quitamos exactamente?
Los comentarios, los saltos de línea y la sangría. También el espacio que rodea a las llaves y a la puntuación del CSS, más el punto y coma pegado a la llave de cierre, que sobra. Y hasta ahí. No tocamos tus selectores ni reordenamos propiedades ni fusionamos reglas repetidas.
¿Cuánto se ahorra de verdad?
Te damos las dos cifras debajo del resultado, caracteres de entrada y caracteres de salida, para que no tengas que fiarte de un porcentaje que te cuente alguien. En una hoja escrita con sangría de cuatro espacios suele quedarse entre el 10 y el 20 por ciento. Con muchos comentarios, bastante más. Encima de eso el servidor aplica gzip o brotli, y ahí el recorte que se nota en la descarga es otro nivel.
¿Y si guardo directamente la versión minificada?
Mala idea. Lo minificado se sirve, no se mantiene. Tu fuente de verdad tiene que seguir siendo la hoja legible, y la minificación el último paso automático antes de publicar. El día que solo te quede el archivo comprimido habrás perdido el original.