Minificador CSS Gratuito en Línea
Minifica hojas de estilo CSS para reducir su tamaño de archivo.
Who uses the Minificador CSS?
- Desarrolladores web optimizando CSS a mano para proyectos sin pipeline de herramientas de compilación.
- Ingenieros de rendimiento obteniendo una estimación rápida de reducción de tamaño antes de implementar una CDN.
- Desarrolladores de temas haciendo una pasada aproximada sobre style.css antes de un proceso de compilación real.
How the Minificador CSS works
Pega tu código CSS en el editor de entrada.
Haz clic en Minify para eliminar comentarios, espacios y punto y comas innecesarios.
Consulta el tamaño en bytes antes/después y el porcentaje de reducción en el panel de estadísticas.
Copia el CSS minificado para usarlo en producción.
Tips & tricks
- Comprueba siempre las expresiones calc() después de minificar — la eliminación de espacios alrededor de + de esta herramienta puede producir CSS inválido dentro de calc().
- Esta herramienta no fusiona selectores duplicados ni abrevia propiedades a su forma corta — solo elimina comentarios y espacios.
- Para un pipeline de producción, un minificador de CSS real (cssnano, Lightning CSS) maneja correctamente calc() y otros casos límite — usa esta herramienta para comprobaciones rápidas, no para la salida final de producción.
- El porcentaje de reducción del panel de estadísticas es una buena medida aproximada de cuánto peso de espacios/comentarios tenía tu CSS original.
Frequently Asked Questions
¿Cuánto ahorra la minificación de CSS?
La minificación de CSS suele ahorrar entre un 10 y un 30% del tamaño del archivo. Con la compresión gzip añadida, el ahorro efectivo alcanza el 60-80%. Las hojas de estilo grandes con comentarios detallados y mucho espacio en blanco se benefician más.
¿Qué elimina la minificación de CSS de esta herramienta?
Elimina comentarios (/* ... */), espacios y saltos de línea extra, y el punto y coma redundante justo antes de una llave de cierre. No fusiona selectores duplicados ni convierte propiedades largas a su forma abreviada.
¿Puede la minificación romper mi CSS?
Ten cuidado con las expresiones calc(): esta herramienta elimina los espacios alrededor de + de forma uniforme, incluso dentro de calc(), lo que puede convertir calc(100% + 10px) en calc(100%+10px) — CSS inválido, ya que la especificación de calc() exige espacios alrededor de + y -. Revisa cualquier uso de calc() en el resultado antes de desplegarlo.
¿Debería minificar los estilos en línea o solo las hojas de estilo externas?
Céntrate en las hojas de estilo externas — son las que más se benefician del almacenamiento en caché y la reducción de tamaño. Los estilos en línea suelen ser lo bastante pequeños como para que la minificación no compense la complejidad.
¿Debería usar esto en vez de una herramienta de compilación como webpack o Vite?
Las herramientas de compilación son mejores para flujos de trabajo de producción — integran automáticamente la minificación (de forma segura, sin romper calc()), source maps y empaquetado. Usa esta herramienta para minificaciones rápidas y puntuales o proyectos sin pipeline de compilación.
Is my data safe when using the Minificador CSS?
Completely safe. The Minificador CSS processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the Minificador CSS output in commercial projects?
Yes. The Minificador CSS is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the Minificador CSS follow official standards?
Yes. The Minificador CSS is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.