UlvixorMinificador de CSS
Pega tu CSS y obtén una versión minificada al instante, usando csso para eliminar espacios, comentarios y optimizar reglas de forma segura. Todo el procesamiento ocurre en tu navegador, sin subir tu código a ningún servidor.
Cómo funciona
- Pega o escribe tu CSS en el panel de entrada (hay un ejemplo precargado para que pruebes la herramienta de inmediato).
- Haz clic en 'Minificar CSS' para procesarlo.
- La herramienta usa csso, una librería especializada en optimizar CSS sin cambiar su comportamiento visual, para generar el resultado.
- Se muestran el tamaño original, el tamaño minificado y el porcentaje de reducción como indicadores junto al botón.
- Copia el CSS minificado con el botón de copiar para usarlo donde lo necesites.
Casos de uso
- Reducir el peso de hojas de estilo antes de subirlas a producción sin usar un proceso de build completo.
- Comparar cuánto pesa un archivo CSS antes y después de optimizarlo.
- Limpiar CSS generado por herramientas automáticas, exportadores de diseño o preprocesadores.
- Preparar CSS compacto para incrustarlo directamente en una etiqueta <style>.
Errores comunes
- Esperar que la minificación cambie el comportamiento visual del CSS.csso solo optimiza la sintaxis (espacios, comentarios y algunas fusiones seguras de reglas); el resultado debería verse exactamente igual. Si notas diferencias visuales, revisa selectores duplicados o reglas con especificidad conflictiva en el CSS original.
- Minificar CSS con llaves o paréntesis sin cerrar esperando que la herramienta lo corrija automáticamente.Un CSS mal formado puede producir un resultado inesperado o un mensaje de error. Revisa que cada regla tenga su llave de cierre antes de minificar.
- Perder comentarios importantes, como avisos de licencia, al minificar.La minificación elimina todos los comentarios por defecto para reducir el tamaño del archivo. Si necesitas conservar un comentario específico, agrégalo manualmente al archivo final después de minificar.
Preguntas frecuentes
Alternativas
Herramientas de build como Vite, webpack o Parcel minifican el CSS automáticamente como parte del proceso de producción, usando plugins como cssnano o el propio csso. Esta herramienta es útil para minificar un fragmento puntual sin configurar un proyecto completo, por ejemplo antes de pegar CSS en un correo, un CMS o una plantilla.