Minificador CSS

Comprima CSS en hojas de estilo compactas sin reordenar reglas.

Entrada
Salida
0 caracteres 0 líneas

Reducir CSS conservando la cascada

Minificador CSS elimina espacios en blanco, comentarios y formatos evitables para que las hojas de estilo ocupen menos espacio. Es útil para fragmentos rápidos, estilos incrustados, ejemplos y activos estáticos que no necesitan una canalización de compilación completa.

La minificación CSS debe preservar el orden del selector, el orden de declaración, la especificidad, las capas en cascada, las propiedades personalizadas y la estructura de reglas. Reordenar o fusionar reglas puede cambiar los estilos calculados, por lo que esta herramienta se centra en texto compacto en lugar de optimización arriesgada.

Cómo usar

  1. Pegue su código CSS en el editor de entrada.
  2. Haga clic en Minificar CSS para eliminar el formato y los comentarios evitables.
  3. Revise el resultado para confirmar que se conservan el orden de las reglas, las reglas at y las propiedades personalizadas.
  4. Utilice Copiar para el portapapeles, Descargar para un archivo o Limpiar para restablecer.

¿Qué es el minificador CSS?

Minificador CSS es una utilidad basada en navegador para convertir CSS legible en una hoja de estilo más pequeña. Mantiene las mismas reglas y declaraciones al tiempo que elimina los caracteres de formato que los navegadores no necesitan.

Algunos comentarios son significativos, como los carteles de licencia o las anotaciones de herramientas de compilación. Mantenga un archivo fuente legible y verifique visualmente el CSS minimizado en las páginas que lo utilizan.

Notas de entrada

Pegue solo CSS. Si su proyecto necesita prefijos automáticos, mapas de origen, eliminación de CSS no utilizado o fusión avanzada, ejecute el resultado a través de su proceso normal de compilación y prueba del navegador.

Ejemplo

Una hoja de estilo corta se compacta eliminando el comentario y formateando los espacios en blanco:

--- Formatted Input ---
/* Main styles */
body {
  margin: 0;
  padding: 0;
}

--- Minified Output ---
body{margin:0;padding:0;}

Integración MCP

MCP (Model Context Protocol) permite que agentes de IA y aplicaciones descubran y ejecuten utilidades de Coding.Tools para flujos repetibles de conversión, formato, hash y generación.

Nombre de herramienta MCP: css-minifier

Endpoint MCP: https://coding.tools/mcp

Llame primero a tools/list. Cada herramienta incluye inputSchema, outputSchema y examples para que un agente de IA o cliente pueda construir argumentos válidos sin adivinar.

Para tools/call, lea result.content[0].text para el valor visible y result.structuredContent para el análisis automático. Los fallos de herramienta devuelven isError: true; los fallos de protocolo devuelven un JSON-RPC error.

Ejemplo de solicitud tools/call:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"css-minifier","arguments":{"input":".button {\n  color: white;\n  background: #3366cc;\n  padding: 8px 12px;\n}"}}}'

La mayoría de las herramientas de texto y datos aceptan una cadena input y options opcionales. Las herramientas de imagen que dependen de las API de imagen del navegador se listan para descubrimiento y devuelven un enlace a la interfaz web cuando necesitan capacidades del navegador.