O que um minificador de CSS faz?

Um minificador de CSS reduz o tamanho de uma folha de estilo sem mudar como ela estiliza a sua página. Ele remove os caracteres que os navegadores ignoram - comentários, quebras de linha, indentação e espaços repetidos - e aperta o espaçamento em volta de chaves, dois-pontos, ponto e vírgula e combinadores. A página renderizada fica idêntica, mas o arquivo é mais leve e baixa mais rápido.

Minificar CSS muda a aparência do meu site?

Não. A minificação só remove caracteres que não afetam o resultado - espaço em branco e comentários - e aperta a pontuação de forma segura. Declarações, seletores e valores não são alterados. Esta ferramenta também preserva o espaçamento de que o CSS realmente precisa, como dentro de calc() e entre as partes de uma media query, então nada quebra.

Meu CSS é enviado para um servidor?

Não. Toda a minificação acontece inteiramente no seu navegador, com JavaScript. Seu CSS nunca é enviado nem armazenado em um servidor, o que torna a ferramenta segura para folhas de estilo privadas, design systems e temas que ainda não foram publicados.

Por que devo minificar CSS?

Arquivos CSS menores são transferidos mais rápido e bloqueiam a renderização por menos tempo, o que melhora a velocidade de carregamento e os Core Web Vitals - especialmente no mobile e em páginas de alto tráfego. CSS minificado também reduz custos de banda. Mantenha uma versão legível e formatada no código-fonte e minifique como parte do build ou antes de publicar.

Quanto menor meu CSS vai ficar?

Depende de quanto espaço em branco e de quantos comentários a sua folha de estilo tem. CSS muito formatado e bem comentado costuma reduzir de 20-40%, enquanto CSS já compacto economiza menos. A ferramenta mostra exatamente os bytes economizados e a porcentagem de redução, para você ver o resultado no seu arquivo específico.

Ele vai quebrar calc(), custom properties ou caminhos em url()?

Não. Este é um minificador seguro: ele protege o conteúdo de strings entre aspas e de valores url(), mantém os espaços que o calc() exige em volta de + e -, e preserva o espaço antes do parêntese em media queries. O foco são as reduções que são sempre seguras, e não reescritas agressivas que podem quebrar casos extremos.

Devo minificar CSS ou só usar gzip/Brotli?

Use os dois. A compressão no servidor (gzip ou Brotli) já lida bem com espaço em branco repetido, então a diferença na rede só por minificar é menor do que a economia em bytes brutos. Mesmo assim, minificar ajuda: reduz o tamanho não comprimido em caches e na memória, dá menos trabalho ao compressor e garante um arquivo menor até onde não há compressão.

Ferramentas para desenvolvedores

Popular

Minificador de CSS

Minifique CSS na hora, direto no navegador.

CSS

CSS minificado

Sobre o Minificador de CSS

Minifique CSS na hora, direto no navegador. Cole sua folha de estilo para remover comentários, colapsar o espaço em branco e apertar o espaçamento em volta de chaves, dois-pontos e ponto e vírgula - o resultado é um arquivo CSS menor, que baixa e é aplicado mais rápido. O minificador protege o conteúdo das suas strings (como valores de content e caminhos em url()) e preserva o espaçamento de que o CSS realmente precisa, como dentro de expressões calc() e em media queries, então seus estilos continuam funcionando exatamente como antes. Ele mostra com precisão quantos bytes você economizou, e tudo roda no lado do cliente, então seu CSS nunca sai do seu dispositivo.

Como usar o Minificador de CSS

Cole ou digite seu CSS na caixa de entrada.
Clique em Minificar CSS para remover comentários e colapsar espaços extras.
Veja os bytes economizados e a porcentagem de redução exibidos acima do resultado.
Clique em Copiar para levar o CSS minificado para o seu projeto ou pipeline de build.

Exemplos de Minificador de CSS

Colapsar espaços e apertar regras

Uma regra formatada como .box {\n margin: 0 auto;\n color: #333;\n} vira .box{margin:0 auto;color:#333} - menor e idêntica quando aplicada.

Remover comentários

Comentários de desenvolvimento como /* main layout */ são removidos da saída, enquanto o texto dentro de strings e de valores url() é preservado.

Preservar calc() e media queries

O espaçamento que o CSS exige - como calc(100% - 20px) e @media screen and (min-width: 900px) - é mantido intacto, para que seus estilos nunca quebrem.

Ler o guia completo

Como usar o Minificador de CSS: guia completo (2026) - 5 min de leitura

Perguntas frequentes sobre o Minificador de CSS

O que um minificador de CSS faz?: Um minificador de CSS reduz o tamanho de uma folha de estilo sem mudar como ela estiliza a sua página. Ele remove os caracteres que os navegadores ignoram - comentários, quebras de linha, indentação e espaços repetidos - e aperta o espaçamento em volta de chaves, dois-pontos, ponto e vírgula e combinadores. A página renderizada fica idêntica, mas o arquivo é mais leve e baixa mais rápido.
Minificar CSS muda a aparência do meu site?: Não. A minificação só remove caracteres que não afetam o resultado - espaço em branco e comentários - e aperta a pontuação de forma segura. Declarações, seletores e valores não são alterados. Esta ferramenta também preserva o espaçamento de que o CSS realmente precisa, como dentro de calc() e entre as partes de uma media query, então nada quebra.
Meu CSS é enviado para um servidor?: Não. Toda a minificação acontece inteiramente no seu navegador, com JavaScript. Seu CSS nunca é enviado nem armazenado em um servidor, o que torna a ferramenta segura para folhas de estilo privadas, design systems e temas que ainda não foram publicados.
Por que devo minificar CSS?: Arquivos CSS menores são transferidos mais rápido e bloqueiam a renderização por menos tempo, o que melhora a velocidade de carregamento e os Core Web Vitals - especialmente no mobile e em páginas de alto tráfego. CSS minificado também reduz custos de banda. Mantenha uma versão legível e formatada no código-fonte e minifique como parte do build ou antes de publicar.
Quanto menor meu CSS vai ficar?: Depende de quanto espaço em branco e de quantos comentários a sua folha de estilo tem. CSS muito formatado e bem comentado costuma reduzir de 20-40%, enquanto CSS já compacto economiza menos. A ferramenta mostra exatamente os bytes economizados e a porcentagem de redução, para você ver o resultado no seu arquivo específico.
Ele vai quebrar calc(), custom properties ou caminhos em url()?: Não. Este é um minificador seguro: ele protege o conteúdo de strings entre aspas e de valores url(), mantém os espaços que o calc() exige em volta de + e -, e preserva o espaço antes do parêntese em media queries. O foco são as reduções que são sempre seguras, e não reescritas agressivas que podem quebrar casos extremos.
Devo minificar CSS ou só usar gzip/Brotli?: Use os dois. A compressão no servidor (gzip ou Brotli) já lida bem com espaço em branco repetido, então a diferença na rede só por minificar é menor do que a economia em bytes brutos. Mesmo assim, minificar ajuda: reduz o tamanho não comprimido em caches e na memória, dá menos trabalho ao compressor e garante um arquivo menor até onde não há compressão.

Minificador de HTML

Minificador de HTML online grátis. Comprima e minifique HTML removendo comentários e espaço em branco - arquivos menores e páginas mais rápidas, sem upload.

Minificador de JavaScript

Minificador de JavaScript online grátis. Comprima e minifique JS removendo comentários e espaço em branco - arquivos menores e páginas mais rápidas.

Minificador e formatador de JSON

Minificador e formatador de JSON online grátis. Minifique JSON para reduzir payloads ou formate com indentação de 2 espaços - valida na hora, sem upload.