Minificador y Embellecedor CSS
Privacidad por diseño — se ejecuta completamente en tu navegador
Minifica o embellece CSS en tu navegador. Toova elimina espacios en blanco y comentarios para encoger tus hojas de estilo para producción, o convierte CSS minificado en algo que realmente puedes leer mientras depuras.
Dos modos, un flujo de trabajo
El modo minificar elimina cada comentario, cada espacio redundante y cada salto de línea innecesario. La salida es CSS funcionalmente idéntico pero típicamente 20-40% más pequeño, lo que acelera el primer pintado y reduce el tamaño de transferencia. El modo embellecer va en la otra dirección: toma CSS minificado de una CDN, un bundle de framework o un widget de terceros y lo expande en forma legible para que puedas auditar selectores y propiedades.
Formato configurable
Elige indentación de 2 espacios, 4 espacios o tabulación para la salida embellecida. Elige si mantener comentarios (útil para banners de cabecera y cadenas de licencia) o eliminarlos por completo. El minificador preserva variables CSS y selectores literalmente, así que nombres de propiedades personalizadas y keyframes de animación sobreviven el viaje completo. Los prefijos de proveedor se mantienen intactos.
Sólo local
Cada operación de minificación y embellecimiento corre en tu navegador. El CSS que pegas (ya sean hojas de estilo propietarias de tu sistema de diseño o código de terceros que estás auditando) nunca sale de la página. La pestaña Red permanecerá vacía durante el procesamiento, y la página funciona offline después de la primera carga.
Preguntas frecuentes
- ¿Cuánto más pequeño es el CSS minificado?
- Típicamente 20-40% más pequeño que el original después de gzip. El ahorro viene de eliminar comentarios, espacios en blanco y valores cero redundantes. Los pipelines de build modernos hacen esto automáticamente, pero tener una herramienta manual es útil para snippets ad hoc.
- ¿La minificación romperá mi CSS?
- No. El minificador preserva cada regla, propiedad y valor literalmente. Sólo elimina espacios en blanco y comentarios. Variables CSS, animaciones y prefijos de proveedor sobreviven intactos.
- ¿Puedo embellecer CSS de una CDN?
- Sí. Pega el CSS minificado y Toova lo expande en forma legible con indentación consistente. Útil para auditar lo que un widget de terceros realmente hace o depurar la salida compilada de un framework.
- ¿Se preservan los comentarios?
- Es un toggle. Por defecto, la minificación elimina comentarios para maximizar el ahorro. Puedes mantener cabeceras de licencia y otros comentarios importantes activando la opción de preservar comentarios.
- ¿Se envía mi CSS a algún lado?
- No. El procesamiento corre enteramente en tu navegador. Nada se sube ni registra.