Formateador y minificador de CSS
Formatea y embellece tu CSS con una sangría clara y consistente, o minifícalo para producción, al instante. Elige el modo y el tamaño de sangría (2 o 4 espacios o tabulación) y copia o descarga el resultado. El formateador respeta tus selectores, valores, cadenas y comentarios: solo reorganiza los espacios, nunca cambia lo que significa tu CSS. Todo ocurre en tu navegador: nada se sube a ningún servidor.
Cómo formatear o minificar CSS
- Pega tu CSS en el cuadro de la izquierda.
- Elige el modo: «Formatear» para embellecerlo con sangría o «Minificar» para comprimirlo.
- Si formateas, elige el tamaño de sangría (2 o 4 espacios o tabulación).
- Copia el resultado con «Copiar» o descárgalo como archivo .css con «Descargar».
Preguntas frecuentes
¿Qué diferencia hay entre formatear y minificar CSS?
Formatear (o embellecer) añade sangría y saltos de línea para que el CSS sea legible y fácil de mantener. Minificar hace lo contrario: elimina los espacios, saltos y comentarios innecesarios para reducir el tamaño del archivo y acelerar la carga de la página. Se usa el CSS formateado para desarrollar y el minificado en producción.
¿El formateador cambia mi CSS?
No cambia lo que significa: solo reorganiza los espacios en blanco. Conserva tus selectores, valores, cadenas de texto y comentarios exactamente como los escribiste, así que el resultado es siempre CSS válido y equivalente al original. Nunca reescribe ni «arregla» tus propiedades.
¿Qué sintaxis admite?
CSS moderno: at-reglas como @media, @supports, @keyframes, @font-face y @import; anidamiento de reglas; propiedades personalizadas (variables CSS); comentarios y cadenas con llaves o puntos y comas dentro. Como respeta los tokens, también ordena razonablemente sintaxis parecida como SCSS o LESS, aunque está pensado para CSS.
¿La minificación es segura?
Sí. Elimina los comentarios y los espacios innecesarios (incluidos los que sobran dentro de las media queries y alrededor de comas y combinadores), pero nunca toca el contenido de tus reglas ni el interior de las cadenas. El CSS minificado se comporta igual que el original.
¿Valida mi CSS?
No es un validador, es un formateador. Reorganiza el espaciado aunque el CSS tenga erratas, sin corromper su contenido; si faltan llaves de cierre, las completa al formatear. Para detectar propiedades no válidas o errores de sintaxis, usa las herramientas de desarrollo de tu navegador.
¿Se sube mi CSS a algún servidor?
No. El formateo y la minificación ocurren por completo en tu navegador con JavaScript; tu CSS nunca sale de tu equipo y la herramienta funciona sin conexión una vez cargada.