Embellecedor/formateador CSS en línea

¿Qué hace esta herramienta?

El formateador CSS te permite dar formato legible o comprimir tu código CSS de forma rápida, sin subir archivos a ningún servidor. Todo el procesamiento ocurre en tu navegador.

Embellecer (beautify)

La opción de embellecer colapsa los espacios en blanco, divide el texto alrededor de llaves y puntos y coma, e indenta según la profundidad de los bloques, manteniendo las declaraciones en el orden original. Por ejemplo, dado body{color:red;margin:0;}, el resultado es:

body {
  color: red;
  margin: 0;
}

Minificar (minify)

La opción de minificar elimina los comentarios de bloque, colapsa los espacios alrededor de llaves, dos puntos, puntos y coma y comas, y elimina el punto y coma inmediatamente antes de una llave de cierre. No calcula el tamaño gzip ni genera mapas de origen.

Limitaciones importantes

• No es un parser CSS completo ni un validador.
• No reordena propiedades, no añade prefijos de proveedor, no comprueba compatibilidad ni corrige selectores.
• No garantiza que la salida minificada sea semánticamente equivalente en todos los casos extremos.
• Las cadenas complejas, valores de propiedades personalizadas, URLs de datos o comentarios con directivas pueden requerir revisión manual.

Preguntas frecuentes

¿Puedo confiar en que la minificación no romperá mi CSS?

La herramienta está diseñada para casos comunes, pero no es infalible. Si tu CSS contiene cadenas con caracteres especiales, valores de propiedades personalizadas o comentarios que actúan como directivas, es recomendable probar el resultado en un navegador o en tu proceso de compilación.

¿Qué diferencia hay entre embellecer y minificar?

Embellecer añade saltos de línea e indentación para que el código sea legible. Minificar elimina espacios y comentarios innecesarios para reducir el tamaño del archivo, pero el código resultante es difícil de leer.

¿Se sube mi código a algún servidor?

No. Todo el procesamiento se realiza localmente en tu navegador. No se sube ningún archivo.