Inicio › Herramientas para desarrolladores › Minificador de CSS

Minificador de CSS

Comprime hojas de estilo CSS quitando comentarios, espacios y saltos de línea, y te muestra el porcentaje de ahorro.

Cómo usar Minificador de CSS

  1. Completa los campos: Código CSS.
  2. Si quieres ver cómo funciona, pulsa «Usar ejemplo».
  3. Pulsa «Minificar» y revisa el resultado.
  4. Copia o descarga el resultado con los botones de debajo.

Ejemplo

Entrada
Código CSS:
body {
  margin: 0;
  padding: 0;
}

/* botón */
.btn:hover {
  color: #fff;
  background: #0b6bcb;
}
Resultado
body{margin:0;padding:0}.btn:hover{color:#fff;background:#0b6bcb}

Para qué sirve

  • Optimizar la carga de tu sitio.
  • Reducir el tamaño de estilos antes de publicar.

Preguntas frecuentes

¿Se envía mi código o mis datos a algún servidor?

No. Todo el procesamiento ocurre en tu navegador, así que puedes usar datos de prueba o internos con tranquilidad.

¿Qué hago si mi JSON, CSV o XML tiene errores?

La herramienta te indica el problema y, cuando es posible, la línea y la columna donde ocurre.

¿Puedo usarlo sin conexión?

La mayoría de las herramientas funcionan sin internet una vez cargada la página. Algunas, como el embellecedor y el minificador de JavaScript, usan una librería externa si hay conexión y un modo básico si no.