🗜️ 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.
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
- Cole seu CSS na área de entrada à esquerda.
- Clique em Minificar — a ferramenta tokeniza seu CSS e exibe uma versão compactada à direita.
- Verifique o resumo de tamanho para ver o tamanho original, o tamanho compactado e quantos bytes foram economizados.
- 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.