Minificador CSS

Compacte CSS em folhas de estilo compactas sem reordenar regras.

Entrada
Saída
0 caracteres 0 linhas

Reduza CSS enquanto preserva a cascata

O minificador de CSS remove espaços em branco, comentários e formatação evitáveis para que as folhas de estilo ocupem menos espaço. É útil para trechos rápidos, estilos incorporados, exemplos e ativos estáticos que não precisam de um pipeline de construção completo.

A minificação CSS deve preservar a ordem do seletor, a ordem da declaração, a especificidade, as camadas em cascata, as propriedades personalizadas e a estrutura da regra. Reordenar ou mesclar regras pode alterar estilos computados, portanto, esta ferramenta se concentra em texto compacto em vez de otimização arriscada.

Como usar

  1. Cole seu código CSS no editor de entrada.
  2. Clique em Minificar CSS para remover formatação e comentários evitáveis.
  3. Revise a saída para confirmar se a ordem das regras, as regras e as propriedades personalizadas são preservadas.
  4. Use Copiar para a área de transferência, Baixar para um arquivo ou Limpar para redefinir.

O que é o minificador CSS?

Minificador CSS é um utilitário baseado em navegador para transformar CSS legível em uma folha de estilo menor. Ele mantém as mesmas regras e declarações enquanto remove caracteres de formatação que os navegadores não precisam.

Alguns comentários são significativos, como banners de licença ou anotações de ferramentas de construção. Mantenha um arquivo de origem legível e verifique CSS minificado visualmente nas páginas que o utilizam.

Notas de entrada

Cole apenas CSS. Se o seu projeto precisar de autoprefixação, mapas de origem, remoção de CSS não utilizado ou mesclagem avançada, execute a saída por meio do processo normal de construção e teste do navegador.

Exemplo

Uma pequena folha de estilo é compactada removendo o comentário e formatando o espaço em branco:

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

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

Integração MCP

MCP (Model Context Protocol) permite que agentes de IA e aplicativos descubram e executem utilitários do Coding.Tools para fluxos repetíveis de conversão, formatação, hash e geração.

Nome da ferramenta MCP: css-minifier

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

Chame tools/list primeiro. Cada ferramenta inclui inputSchema, outputSchema e examples para que um agente de IA ou cliente possa montar argumentos válidos sem adivinhar.

Em tools/call, leia result.content[0].text para o valor exibível e result.structuredContent para parsing por máquina. Falhas da ferramenta retornam isError: true; falhas de protocolo retornam um JSON-RPC error.

Exemplo de requisição 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}"}}}'

A maioria das ferramentas de texto e dados aceita uma string input e options opcionais. Ferramentas de imagem que dependem das APIs de imagem do navegador são listadas para descoberta e retornam um link para a interface web quando precisam desses recursos.