Minificador y formateador de CSS
Minimice el CSS eliminando comentarios y contrayendo espacios en blanco, o embellezca el CSS comprimido nuevamente en reglas legibles y con sangría. Ambas direcciones se ejecutan en el navegador en el texto que pega, por lo que funciona tanto para un fragmento que heredó como para uno que está enviando.
como funciona
- 1
Pega la hoja de estilo o el bloque de reglas que deseas cambiar.
- 2
Elija minimizar para eliminar comentarios y espacios en blanco, o embellecer para volver a sangrar el CSS comprimido.
- 3
Compare los tamaños para ver cuánto costaba el formato.
- 4
Copie el resultado en su hoja de estilo, componente o plantilla.
Ventajas y beneficios clave
Ambas direcciones
Minimice para la entrega o embellezca un archivo comprimido que necesita leer y editar.
Más seguro que minimizar el código
CSS tiene una gramática más simple que JavaScript, por lo que eliminar comentarios y espacios en blanco rara vez cambia el comportamiento.
Sin paso de construcción
Útil para un bloque de estilo en línea, una plantilla de correo electrónico o un campo CMS donde no interviene un paquete.
Se ejecuta localmente
Su hoja de estilo se procesa en la pestaña y nunca se carga.
Para qué lo usa la gente
- Comprimir un bloque de estilo antes de insertarlo en el encabezado de una página o en un correo electrónico.
- Reformatear una hoja de estilo minimizada que necesitas leer o depurar.
- Limpieza de CSS copiado de un generador o exportación de una herramienta de diseño.
- Verificar la diferencia de tamaño antes de decidir si agregar un paso de construcción.
Formatos y opciones compatibles
| Entrada | Reglas CSS, hojas de estilo completas o fragmentos pegados como texto |
|---|---|
| Minimizar elimina | Comentarios, saltos de línea y espacios en blanco redundantes entre selectores, propiedades y valores |
| embellecer añade | Saltos de línea y sangría para cada regla y declaración. |
Privacidad y manejo de datos
Su CSS se procesa completamente en la pestaña del navegador y nunca se envía a nuestro servidor.
Límites y cosas que debes saber
- Esta herramienta no fusiona selectores duplicados, no acorta valores de color, no reordena declaraciones ni elimina reglas no utilizadas; esas son optimizaciones que realiza un optimizador de CSS dedicado.
- Los espacios en blanco son importantes dentro de los valores de contenido, propiedades personalizadas y algunas notaciones funcionales; verifique cualquier regla con una declaración de contenido o var() después de minimizar.
- Embellecer restaura la estructura, no el formato original. Los comentarios eliminados por una minificación anterior no se pueden recuperar.
Solución de problemas
Un estilo dejó de aplicarse después de minimizarse
Busque valores de contenido, propiedades personalizadas o cadenas de consulta de medios donde un espacio eliminado sea importante. Restaura el espacio en esa declaración.
El archivo sigue siendo grande después de minimizarlo.
La mayoría de los ahorros reales de CSS provienen de la eliminación de reglas no utilizadas y de la compresión del servidor. Habilite gzip o Brotli y realice una auditoría para detectar selectores inactivos antes de optimizar aún más la sintaxis.
CSS Minifier & Beautifier — Compress Stylesheets Online Free
Minify CSS online to cut stylesheet weight before deployment, or beautify compressed CSS back into readable, indented rules. This free CSS compressor removes comments, line breaks and redundant whitespace without ever altering how a single declaration renders.
- Minify CSS to reduce file size — typical hand-written stylesheets shrink noticeably, which directly improves Largest Contentful Paint because CSS is a render-blocking resource.
- CSS beautifier built in — paste a minified production stylesheet from a live site and re-indent it into structured, readable CSS for debugging or auditing.
- Safe by design — the compressor only removes comments and insignificant whitespace — selectors, specificity, cascade order and media queries come through equivalent.
- Better Core Web Vitals — smaller CSS means fewer bytes on the critical path, fewer render-blocking milliseconds and a measurably faster first paint on mobile connections.
- Runs entirely in your browser — proprietary design-system CSS and unreleased styles are processed locally with no upload, no account and no rate limit.
Use it alongside the JavaScript Minifier to compress your full front-end bundle, and the JSON Formatter for the config files that ship with it.
Preguntas frecuentes
Will minifying break my stylesheet?
Rarely. CSS has a simple grammar, so removing comments and whitespace is usually safe. The exceptions are declarations where a space is meaningful — content values, custom properties and some functional notations — so check those specific rules after minifying.
How much smaller will my CSS get?
Typically 10-30 percent, depending on how much of the file is indentation and comments. That is worth having, but enabling gzip or Brotli on your server saves considerably more, and the two stack.
Can it remove unused CSS?
No. Finding unused rules requires analysing your HTML and JavaScript, which a text-level minifier cannot do. Use a purge tool wired into your build for that.
¿La minificación cambia la ejecución de CSS?
¡No! La minificación solo elimina comentarios seguros y espacios en blanco sin alterar las reglas de estilo.
¿La minificación romperá mi hoja de estilo?
Casi nunca. CSS tiene una gramática simple, por lo que eliminar comentarios y espacios en blanco suele ser seguro. Las excepciones son declaraciones en las que un espacio es significativo (valores de contenido, propiedades personalizadas y algunas notaciones funcionales), así que verifique esas reglas específicas después de minimizar.
¿Cuánto más pequeño se volverá mi CSS?
Normalmente entre un 10 y un 30 por ciento, dependiendo de la cantidad de sangría y comentarios del archivo. Vale la pena tenerlo, pero habilitar gzip o Brotli en su servidor ahorra considerablemente más y los dos se acumulan.
¿Puede eliminar CSS no utilizado?
No. Encontrar reglas no utilizadas requiere analizar su HTML y JavaScript, lo que un minificador de nivel de texto no puede hacer. Utilice una herramienta de purga conectada a su compilación para eso.
Herramientas relacionadas
Formateador JSON
Formatee, valide y minimice JSON al instante
Codificador y decodificador Base64
Codifique texto o imágenes en Base64 y vuelva a decodificarlo
Codificador y decodificador de entidades HTML
Codificar caracteres especiales en entidades HTML y viceversa
Minificador de JavaScript JS
Comprime y minimiza el código JavaScript para una carga rápida