Formateador y minificador de CSS
Expande un CSS minificado en una declaración por línea para leerlo o depurarlo, o minifica tu hoja de estilos para reducir su tamaño en producción.
Funciona en tu navegador
Cómo se usa
- Pega tu CSS.
- Elige Embellecer o Minificar.
- Copia el resultado.
Cómo funciona
La hoja de estilos se tokeniza para que las cadenas entre comillas (como content: "a;b") y los comentarios no se alteren nunca. Embellecer coloca cada selector, declaración y llave de cierre en su propia línea con una sangría coherente, incluidas las reglas anidadas dentro de @media.
Minificar elimina los comentarios (salvo los de licencia /*!), los espacios en blanco y el último punto y coma de cada bloque. Se conservan los espacios que cambian el significado, como los que rodean a + y - dentro de calc().
Ejemplos
- Framework minificado
- .a{color:red}.b:hover{color:blue} se convierte en dos reglas legibles con las declaraciones sangradas.
Usos habituales
- Leer CSS de terceros o minificado
- Reducir el tamaño de una hoja de estilos
- Normalizar el CSS antes de una revisión de código
Privacidad y seguridad
Esta herramienta funciona por completo en tu navegador. Tus archivos y tus textos nunca se suben a nuestros servidores: el procesamiento ocurre en tu dispositivo y los resultados se generan de forma local. Cómo trata los archivos cada herramienta
Preguntas frecuentes
¿Sustituye a una herramienta de compilación?
En sitios en producción, herramientas como Lightning CSS o cssnano optimizan mucho más a fondo. Esta herramienta es ideal para formatear algo puntual y rápido.
¿Admite SCSS o Less?
El anidamiento básico se formatea correctamente, pero no se garantiza la sintaxis propia de los preprocesadores, como los mixins.
Última actualización: