Minificador e Embelezador de CSS
Privado por design — roda inteiramente no seu navegador
Minifique ou embeleze CSS no seu navegador. O Toova remove espaços em branco e comentários para enxugar suas folhas de estilo para produção, ou formata CSS minificado em algo que você realmente consiga ler enquanto depura.
Dois modos, um fluxo de trabalho
O modo de minificação remove todo comentário, todo espaço redundante e toda quebra de linha desnecessária. A saída é CSS funcionalmente idêntico, mas tipicamente 20 a 40% menor, o que acelera a primeira renderização e reduz o tamanho da transferência. O modo de embelezamento faz o caminho inverso — pega CSS minificado de um CDN, de um bundle de framework ou de um widget de terceiros e o expande em forma legível para que você possa auditar seletores e propriedades.
Formatação configurável
Escolha recuo de 2 espaços, 4 espaços ou tab para a saída embelezada. Decida se quer manter comentários (útil para cabeçalhos e strings de licença) ou removê-los por completo. O minificador preserva variáveis CSS e seletores literalmente, então nomes de propriedades customizadas e keyframes de animação sobrevivem ao processo. Prefixos de fornecedor são mantidos intocados.
Só localmente
Toda operação de minificação e embelezamento roda no seu navegador. O CSS que você cola — seja uma folha de estilos proprietária do seu design system ou código de terceiros que você está auditando — nunca sai da página. A aba de Rede ficará vazia durante o processamento, e a página funciona offline após o primeiro carregamento.
Perguntas Frequentes
- Quanto menor fica o CSS minificado?
- Tipicamente 20 a 40% menor que o original após gzip. A economia vem da remoção de comentários, espaços em branco e valores zero redundantes. Pipelines de build modernos fazem isso automaticamente, mas ter uma ferramenta manual é útil para trechos pontuais.
- A minificação vai quebrar meu CSS?
- Não. O minificador preserva cada regra, propriedade e valor literalmente. Ele só remove espaços em branco e comentários. Variáveis CSS, animações e prefixos de fornecedor sobrevivem intocados.
- Posso embelezar CSS de um CDN?
- Sim. Cole o CSS minificado e o Toova o expande em forma legível com recuo consistente. Útil para auditar o que um widget de terceiros realmente faz ou depurar a saída compilada de um framework.
- Comentários são preservados?
- É uma opção. Por padrão, a minificação remove comentários para maximizar a economia. Você pode manter cabeçalhos de licença e outros comentários importantes ativando a opção de preservar comentários.
- Meu CSS é enviado para algum lugar?
- Não. O processamento roda inteiramente no seu navegador. Nada é enviado nem registrado.