Minificador de CSS
NuevoReduce el CSS quitando comentarios y los espacios en blanco innecesarios.
Runs entirely in your browser. Nothing is uploaded.
Minifica y comprime CSS en un solo lugar
Este minificador de CSS reduce tus hojas de estilo eliminando cada carácter que el navegador no necesita — comentarios, espacios en blanco, saltos de línea y el punto y coma final redundante en cada regla — para que el archivo que envíes sea más pequeño en bytes pero se renderice de forma idéntica. Pega tu código o arrastra un archivo .css y el resultado comprimido aparece al instante, con los bytes exactos y el porcentaje que ahorras.
También es un compresor de CSS y un embellecedor de CSS en uno: un simple botón alterna entre minificar y desminificar, por lo que la misma herramienta que comprime una hoja de estilo puede expandir una minificada de vuelta a código legible con sangría.
Qué elimina — y qué nunca toca
Cuando minificas CSS, la herramienta elimina comentarios, colapsa todos los espacios en blanco, quita los espacios alrededor de símbolos como { } : ; , > + y suprime el último punto y coma antes de cada llave de cierre. Activa el modo Agresivo y también elimina los ceros iniciales (0.5em → .5em) y la unidad en valores de longitud cero (0px → 0).
Lo fundamental es que es sin pérdidas. Las cadenas entre comillas, los valores url() y las expresiones calc() se protegen antes de eliminar nada, por lo que un valor como calc(100% - 2rem) conserva sus espacios necesarios y la ruta de una imagen de fondo nunca se altera. Muchos minificadores online rápidos fallan con calc() — este no.
Minifica o embellece — una herramienta bidireccional de verdad
¿Necesitas leer una hoja de estilo comprimida en una sola línea? Cambia al modo Embellecer para desminificar CSS: la herramienta re-indenta el código, pone cada declaración en su propia línea, agrega un espacio después de cada dos puntos y organiza las listas de selectores limpiamente. Elige sangría de 2 espacios, 4 espacios o tabuladores para que coincida con el estilo de tu proyecto.
Como minificar y embellecer son reversibles, puedes pegar CSS minificado de producción, leerlo, ajustarlo y minificarlo de nuevo — todo sin salir de la página.
Cómo se compara con cssminifier.com, CleanCSS y cssnano
cssminifier.com es la opción online más usada, pero sube tu código a sus servidores. Para hojas de estilo propietarias — proyectos de clientes, diseños no publicados, herramientas internas — eso es un riesgo real. CleanCSS y cssnano son librerías de Node.js: ideales para pipelines automatizados pero no disponibles sin instalación local. El minificador CSS de freeformatter.com y el de TopTal también son del lado del servidor.
Esta herramienta procesa todo localmente con JavaScript — nada se sube jamás. Cubre las optimizaciones de minificación más comunes (espacios, comentarios, puntos y comas, unidades de cero, ceros iniciales) y agrega una estimación gzip en el mismo paso. Sin cuenta, sin subida, sin instalación — funciona en iPhone, Android, Mac, Windows y Linux.
Ve los bytes que ahorras — incluido gzip
Una barra de estadísticas prominente muestra el tamaño original, el tamaño de salida y los bytes y porcentaje ahorrado, para que siempre sepas exactamente cuánto más pequeño quedó tu CSS. Los tamaños se miden en bytes UTF-8 reales, no en conteos de caracteres, por lo que coinciden con lo que tu servidor realmente sirve.
También muestra una cifra gzipeada calculada localmente en tu navegador. La minificación y gzip se suman — minifica la fuente, luego deja que tu host la comprima — y ver ambos números hace obvio el ahorro combinado.
100% privado — nada sale de tu navegador
Cada minificación y embellecimiento se ejecuta localmente en tu navegador usando JavaScript. Tu CSS nunca se sube, registra ni almacena, lo que hace de este un lugar seguro para comprimir hojas de estilo propietarias, no publicadas o de clientes. No hay registro y no hay límite más allá de la memoria de tu dispositivo. También funciona sin conexión — una vez cargada la página, desconecta tu internet y el minificador sigue funcionando. Marca este minificador CSS online y úsalo cuando necesites comprimir CSS, reducir un archivo o leer uno minificado.
Frequently asked questions
¿Qué es la minificación de CSS?
La minificación de CSS elimina cada carácter que el navegador no necesita — espacios, tabulaciones, saltos de línea, comentarios, el último punto y coma en cada bloque — sin cambiar lo que hacen los estilos. Por ejemplo, '.btn {\n color: #ffffff;\n margin: 0px;\n}' (unos 48 bytes) se minifica a '.btn{color:#ffffff;margin:0}' (28 bytes). El resultado renderizado es idéntico. Minificar es un paso estándar en cualquier flujo de rendimiento web porque los archivos más pequeños se descargan más rápido y se analizan más rápidamente.
¿Por qué minificar CSS?
Las hojas de estilo más pequeñas significan menos bytes por la red, lo que se traduce en descargas más rápidas, un First Contentful Paint más veloz y mejores Core Web Vitals — especialmente en conexiones móviles. Una hoja de estilo de 60 KB escrita a mano a menudo baja a unos 45 KB minificada, y mucho más pequeña una vez que el servidor la comprime con gzip. Esta herramienta es útil para hojas de estilo únicas, CSS de temas de WordPress, estilos de correo HTML o cualquier cosa fuera de tu pipeline de build habitual.
¿Qué se elimina durante la minificación?
Se eliminan los espacios en blanco (espacios, tabulaciones y saltos de línea), los comentarios, el punto y coma final antes de cada llave de cierre, y los espacios alrededor de símbolos como { } : ; , > +. En modo Agresivo también elimina los ceros iniciales ('0.5em' se convierte en '.5em') y la unidad en valores cero ('0px' se convierte en '0'). Las cadenas, los valores url() y las expresiones calc() nunca se tocan, por lo que tu contenido y valores dinámicos permanecen correctos.
¿Cuánto más pequeño queda el CSS minificado?
Como texto sin comprimir, la minificación típicamente ahorra un 10–30%. Combinado con gzip o Brotli en el servidor, la reducción total es generalmente del 70–80%. Un ejemplo: una hoja de estilo de 100 KB se convierte en aproximadamente 75 KB minificada, luego en unos 18 KB con gzip — los visitantes descargan una fracción del original. Esta herramienta muestra el tamaño minificado, la estimación gzipeada y los bytes exactos ahorrados uno al lado del otro.
¿Es seguro minificar CSS online?
Con esta herramienta, sí — porque se ejecuta 100% en tu navegador usando JavaScript. Tu CSS nunca se envía a un servidor, se registra ni se almacena, por lo que incluso las hojas de estilo propietarias o de clientes permanecen completamente en tu dispositivo. Puedes confirmarlo minificando con tu red desconectada: sigue funcionando. Por el contrario, cssminifier.com y el minificador CSS de freeformatter.com ambos suben tu código a sus servidores, lo que es una preocupación de privacidad real.
¿Puedo conservar comentarios de licencia (/*! */) al minificar?
Sí. Deja activada la opción 'Preservar comentarios /*! */ de licencia' y cualquier comentario que comience con /*! — la convención que usan bundlers y librerías para banners de licencia — sobrevive a la minificación mientras los comentarios /* */ ordinarios se eliminan. Si prefieres conservar todos los comentarios, activa 'Mantener todos los comentarios'. Esto es importante para distribuir librerías de código abierto donde la licencia debe permanecer en el archivo minificado.
¿Puedo minificar un archivo .css o solo código pegado?
Ambos. Pega CSS en el cuadro de entrada, o arrastra y suelta un archivo .css sobre la zona de soltar (o haz clic para buscar uno). El resultado minificado se puede copiar con un clic o descargar como style.min.css; la salida embellecida se descarga como style.css. El arrastrar y soltar funciona en navegadores de escritorio; en móvil (iPhone, Android) usa el selector de archivos para subir desde tu aplicación de Archivos.
Related tools
Ver todas las herramientasConstructor de expresiones Cron
Explica una programación cron en lenguaje claro y previsualiza sus próximas ejecuciones.
Minificador de HTML
Comprime HTML eliminando comentarios y colapsando los espacios en blanco.
Escapar / Desescapar JSON
Escapa texto en bruto a una cadena segura para JSON y desescápala de vuelta.
Códigos de estado HTTP
Referencia con búsqueda de los códigos de estado HTTP y su significado en lenguaje claro.
Chuleta de regex
Referencia con búsqueda de los tokens y flags de las expresiones regulares.
Tabla ASCII
Códigos de caracteres con búsqueda en decimal, hexadecimal, octal y binario.