🛝Toolio
Sobre Contato

🗜️ Minificador CSS

Cole seu CSS e compacte-o instantaneamente — comentários são removidos, espaços em branco são reduzidos e strings e valores url() são mantidos intactos. Veja exatamente quantos bytes você economiza.

Seu CSS
Minificador básico — strings & url() são preservados.

Privado por design. Esta ferramenta funciona inteiramente no seu navegador — nada do que você digita é enviado ou armazenado, e funciona offline.

Sobre

Este minificador CSS executa totalmente no seu navegador usando uma abordagem de tokenização que lida corretamente com casos de borda. Ele remove comentários de uma linha (//) e de várias linhas (/* */), reduz sequências de espaços em branco para um único espaço ou os remove em torno de pontuação como { } : ; , e >, e preserva o conteúdo de strings entre aspas e valores url() para que espaços dentro de URIs de dados ou nomes de fontes nunca sejam corrompidos. Como é um tokenizador básico em vez de um analisador completo de AST, é rápido e sem dependências, adequado para a maioria dos CSS escritos à mão ou gerados por preprocessadores. A ferramenta exibe o tamanho original, o tamanho compactado e os bytes economizados para que você possa decidir se uma otimização adicional é necessária.

Como usar

  1. Cole seu CSS na área de entrada à esquerda.
  2. Clique em Minificar — a ferramenta tokeniza seu CSS e exibe uma versão compactada à direita.
  3. Verifique o resumo de tamanho para ver o tamanho original, o tamanho compactado e quantos bytes foram economizados.
  4. Clique em Copiar para copiar o CSS compactado para sua área de transferência, ou use Baixar para salvá-lo como um arquivo .css.

Perguntas frequentes

Este ferramenta processa meu CSS em um servidor?
Não. A minificação é executada totalmente no seu navegador com JavaScript. Seu CSS nunca é enviado para lugar algum.
A minificação quebrará meu CSS?
O tokenizador protege strings entre aspas e valores url(), então CSS válido deve sobreviver intacto. No entanto, isso não é um analisador completo de AST — casos de borda incomuns em sintaxe não padrão podem não ser tratados perfeitamente.
Comentários de uma linha // são removidos?
Sim. Ambos // comentários de uma linha e /* */ comentários de várias linhas são removidos. Observe que // não é oficialmente parte da especificação CSS, mas é comum em arquivos de origem de preprocessadores.
Quanto menor meu CSS ficará?
CSS escrito à mão típico reduz em 20–40%. Arquivos com muitos comentários ou espaçamento generoso economizam mais. Para compressão máxima, combine isso com gzip ou Brotli em seu servidor.
Posso minificar CSS com variáveis ou expressões calc()?
Sim. Propriedades personalizadas (--var), var(), calc() e outras funções modernas de CSS são tratadas como valores de token regulares e passam com segurança.
Esta ferramenta envia meus dados?
Não. Tudo é executado no seu navegador, então seus dados nunca saem do seu dispositivo — e funciona até offline depois que a página carrega.