Optimizacion CSS
Optimiza estilos directamente en tu navegador: minifica archivos CSS/SCSS/SASS/LESS/Stylus y refactoriza valores repetidos en variables CSS reutilizables. Reduce el tamano de la hoja de estilos y mejora la mantenibilidad en un solo flujo de trabajo.
Si eliges CSS, SCSS/SASS/LESS se compilan a CSS minificado.
Si no subes archivos, ejecutar la optimizacion desde este editor cuenta como 1 archivo para la cuota diaria.
Cambia entre CSS Minifier y Variables Refactor en un mismo espacio para tareas de rendimiento y mantenibilidad.
Optimiza archivos CSS, SCSS, SASS, LESS y similares a Stylus con modos de compresion seguro, equilibrado o maximo.
Detecta valores repetidos y conviertelos en variables CSS reutilizables para construir hojas de estilo mas limpias basadas en tokens.
Copia o descarga el CSS refactorizado al instante, o exporta lotes minificados como ZIP para pipelines de despliegue.
Todas las transformaciones se ejecutan en tu navegador para mantener privados los estilos fuente durante la optimizacion.
El plan gratis incluye 10 archivos de estilos al dia. PRO y PREMIUM obtienen optimizaciones diarias ilimitadas.
CSS Minifier elimina comentarios, espacios en blanco y fragmentos redundantes de archivos CSS, SCSS, SASS, LESS y Stylus. Las hojas de estilo mas pequenas cargan y se procesan mas rapido, y mejoran Core Web Vitals en movil y escritorio.
Elige entre modos de compresion seguro, equilibrado o maximo. El modo seguro conserva los espacios criticos, el equilibrado aplica reglas estandar de minificacion y el maximo elimina todo lo innecesario para produccion.
Todo el flujo se mantiene dentro del navegador. Sube archivos por lotes, selecciona el nivel de minificacion, previsualiza resultados y descarga un ZIP sin enviar el codigo fuente a procesadores de terceros.
Esta pagina es practica para flujos de lanzamiento en los que el equipo necesita una salida consistente antes del commit o despliegue. El CSS minificado es mas facil de cachear, se transfiere mas rapido en redes moviles y cuesta menos servirlo a escala.
Puedes usar CSS Minifier como comprobacion previa antes de los pipelines de CI: compara rapido el codigo fuente con el peso minificado y publica estilos compactos con un comportamiento de renderizado predecible.
CSS Minifier se centra en reducir el tamano de los archivos para una entrega mas rapida. Variables Refactor se centra en la estructura del codigo extrayendo valores repetidos en variables reutilizables de :root.
No. La herramienta solo sustituye valores repetidos de declaraciones por referencias var(--token) y mantiene intactos los selectores y nombres de propiedades.
Si. En la pestana Variables Refactor puedes elegir el umbral minimo de repeticiones para que solo los valores frecuentes se conviertan en variables CSS.
Si. Usa la minificacion para reducir el peso y el refactor a variables para mejorar la mantenibilidad; despues exporta el codigo para tu pipeline de compilacion o despliegue directo.