Herramientas para Desarrolladores

Minificador de CSS

Reduce el CSS eliminando comentarios y espacios en blanco, de forma segura.

Valora esta herramienta
Entrada
Salida

Cómo usar Minificador de CSS

  1. Pega tu CSS a la izquierda.
  2. Se comprime, sin tocar cadenas ni valores de url().
  3. Copia el CSS más ligero.

Acerca de Minificador de CSS

El Minificador de CSS reduce el tamaño de la hoja de estilos eliminando comentarios y espacios en blanco innecesarios, para que tus páginas carguen con menos que descargar. Pega tu CSS a la izquierda y la versión compacta aparece a la derecha, lista para usar en producción.

Minifica de forma segura, dejando intactas las partes de tu CSS donde los caracteres realmente importan. El contenido de los valores de cadena y las referencias url() se conserva exactamente, así que las rutas de archivo, los URI de datos, los nombres de fuentes y el contenido entre comillas nunca se ven afectados por la eliminación de espacios. El resultado es una hoja de estilos más pequeña que se renderiza de forma idéntica, sin los errores sutiles que puede introducir una compresión descuidada.

La minificación se ejecuta por completo en tu navegador, así que nada de lo que pegas se sube. Cuando necesites volver a leer o editar una hoja de estilos comprimida, el Formateador de CSS restaura una indentación limpia, y para comprimir el resto de tu frontend usa el Minificador de HTML y el Minificador de JavaScript.

Preguntas frecuentes

¿Qué elimina el minificador de CSS?

Elimina los comentarios y colapsa los espacios en blanco entre reglas y declaraciones. Los selectores, propiedades y valores se mantienen, así que la hoja de estilos es más pequeña pero produce el mismo resultado visual.

¿Toca los valores de cadena o el contenido de url()?

No. Las cadenas y el contenido de las referencias url() se dejan exactamente como están escritos, así que las rutas de archivo, los URI de datos y los valores entre comillas nunca se rompen por la eliminación de espacios.

¿Minificar cambiará el aspecto de mi sitio?

No debería. Solo se eliminan espacios en blanco irrelevantes y comentarios, y se preservan las partes del CSS donde el espaciado importa, así que la página renderizada permanece igual.

¿Puedo revertir la minificación?

Los comentarios eliminados no se pueden recuperar, pero el Formateador de CSS puede reindentar la hoja de estilos comprimida en reglas legibles siempre que necesites inspeccionarla o editarla de nuevo.

¿Se sube mi hoja de estilos?

No. Todo el procesamiento ocurre en tu navegador y no se envía nada a un servidor, así que es seguro minificar CSS privado o aún no publicado.