Minificador CSS

Minifica CSS eliminando espacios y comentarios innecesarios para obtener una salida menor.

Esta herramienta se ejecuta completamente en tu navegador. Tus archivos nunca se suben a un servidor.

body{color:#222;margin:0;}

Qué hace este minificador

Compacta texto similar a CSS eliminando comentarios de línea y bloque, reduciendo espacios y quitándolos alrededor de llaves, dos puntos, puntos y coma, comas y combinadores. Conserva cadenas entre comillas y caracteres escapados.

Cómo usarlo

Pega la hoja y revisa el resultado que se actualiza al instante. Copia la salida o usa Reset para vaciar el editor; no descarga archivos ni recupera el ejemplo.

Límites importantes

Es un transformador basado en caracteres, no un parser, validador, optimizador ni compresor CSS. Elimina todos los comentarios /* de bloque */ y // de línea reconocidos, incluidos avisos de licencia, y no informa de sintaxis incorrecta. Revisa con cuidado calc() complejos, escapes inusuales, URL de datos y sintaxis de preprocesadores.

Comportamiento de minificación

El análisis se ejecuta una sola vez, de izquierda a derecha: en cuanto se cierra un comentario o una cadena entre comillas, se recortan de inmediato los espacios junto a selectores, llaves, dos puntos y separadores, por lo que no hace falta una segunda pasada ni un árbol de análisis.

Ejemplo

Al pegar `.card { color: red; padding: 8px; }` se obtiene `.card{color:red;padding:8px}` en una sola línea, listo para copiar.

Flujo de revisión seguro

Antes de publicar la salida minificada, compárala con la fuente para los selectores y propiedades que utilizas, y carga el archivo compactado en una página real para confirmar que el resultado visual no cambió.

Flujo seguro y privacidad

Conserva el original, compara tamaños y prueba la hoja minificada en los navegadores objetivo antes de publicarla. El proceso es local y el código no se sube.

Preguntas Frecuentes

¿Qué hace Minificador CSS?
Minifica CSS eliminando espacios y comentarios innecesarios para obtener una salida menor.
¿Cambia esta herramienta CSS el comportamiento?
Solo cambia el diseño o espacios eliminables. Revisa la salida minificada si el código usa sintaxis inusual.
¿Se sube mi código?
El procesamiento es local y tu código nunca se sube.