Minificador de CSS

Minifica CSS en el navegador.

Cómo usar

Cuatro pasos: pega, ejecuta, revisa y copia. Todo ocurre en tu navegador.

Pega el contenido

Pega el contenido

Introduce CSS, HTML, JSON u otro texto. No se sube nada.

Ejecuta la herramienta

Ejecuta la herramienta

Pulsa Convertir o Ejecutar. El resultado aparece al instante.

Revisa la salida

Revisa la salida

Lee el código generado y las notas antes de usarlo.

Copia y usa

Copia y usa

Copia el resultado y pégalo en tu proyecto.

Sobre esta herramienta

Quita comentarios y espacios superfluos del CSS para reducir el tamaño del archivo. Sirve para comprobaciones rápidas: en producción, el propio empaquetador se encarga de minificar.

Ejemplo

El ejemplo lleva un comentario que la minificación elimina.

Entrada

.hero {
  /* homepage band */
  padding: 4rem 1.5rem;
  background: #0f172a;
  color: #e2e8f0;
}

Salida

.hero{padding:4rem 1.5rem;background:#0f172a;color:#e2e8f0}

Consejo

Nunca guardes solo la versión minificada: el original formateado debe seguir en el repositorio.