#224 · Desarrollo y configuración

Minificador CSS

Reduce el tamaño textual del CSS eliminando comentarios y espacios redundantes alrededor de llaves, dos puntos, puntos y coma y comas. Las cadenas se protegen durante el proceso para evitar cambios accidentales en su contenido. Todo se procesa localmente en el navegador.

Entrada de texto

Procesamiento local
Espacio publicitario

Cómo usar esta herramienta de texto

  1. Pega o escribe el contenido en el cuadro de entrada.
  2. Ajusta las opciones específicas de la herramienta si lo necesitas.
  3. Pulsa «Minificar CSS» o usa Ctrl/Cmd + Enter.
  4. Revisa el resultado y cópialo o descárgalo en TXT.

Qué hace esta herramienta

Protege cadenas, elimina comentarios si se solicita y reduce espacios alrededor de separadores de CSS.

Protege cadenas, elimina comentarios si se solicita y reduce espacios alrededor de separadores de CSS.

No elimina reglas duplicadas, prefijos ni declaraciones redundantes porque eso podría cambiar el comportamiento.

Ejemplo

Una regla distribuida en varias líneas se convierte en una forma compacta como .card{padding:16px;color:#222}.

Casos de uso

  • Compactar fragmentos CSS para una entrega sencilla.
  • Comparar tamaño antes y después de minificar.
  • Limpiar CSS copiado con muchos espacios y saltos de línea.

Consejos para obtener mejores resultados

  • Conserva comentarios de licencia si son obligatorios.
  • Prueba el CSS minificado en la página real.
  • No esperes mejoras de rendimiento si el fragmento es muy pequeño.
  • Usa un proceso de compilación profesional para proyectos de producción grandes.

Detalles del procesamiento

El contenido se procesa en el navegador con reglas deterministas específicas de esta herramienta. Los contadores del resultado se calculan sobre la salida generada y ayudan a comprobar el efecto del procesamiento.

No elimina reglas duplicadas, prefijos ni declaraciones redundantes porque eso podría cambiar el comportamiento.

Preguntas frecuentes

¿El procesamiento cambia selectores, propiedades o valores CSS?

La herramienta está diseñada para modificar el espaciado y la presentación, no la intención de las reglas. Aun así, conviene probar CSS complejo o experimental.

¿Se mantienen las cadenas y los comentarios CSS?

Las cadenas se protegen durante el procesamiento. En el minificador puedes decidir si los comentarios ordinarios se eliminan.

¿Sirve para CSS con media queries y funciones como calc() o var()?

Sí para una limpieza o presentación básica, aunque reglas anidadas o sintaxis nueva deben revisarse en el navegador de destino.

¿La herramienta valida si una propiedad CSS es correcta?

No. No sustituye un validador de CSS ni comprueba compatibilidad entre navegadores.

¿El CSS se procesa de forma local?

Sí. El contenido se transforma directamente en el navegador sin requerir una API externa.

Resumen del módulo

EntradaCódigo CSS
OpcionesConservar o eliminar comentarios
SalidaCSS minificado