O que o Minificador CSS faz?
O Minificador CSS compacta código Cascading Style Sheets (CSS).
Ferramenta no navegador
Minificador CSS
Reduza espaços em branco de uma folha de estilos CSS. Teste a saída na página de destino.
Área de trabalho da ferramenta
Entrada necessáriaSua entrada permanece neste navegador.
Adicione a entrada necessária para continuar.
Seu resultado aparecerá aqui
Preencha a entrada necessária para continuar.
Resposta direta
O que Minificador CSS faz
O Minificador CSS reduz espaços em branco em uma folha de estilos. Por exemplo, h1 { color: red; } torna-se h1 {color: red;}. Ele não executa CSS nem verifica a aparência em um navegador.
Resultado
O que você recebe
O resultado é texto CSS. Ele não inclui uma prévia HTML nem um relatório de compatibilidade do navegador.
Usar esta ferramenta
Como usar Minificador CSS
- Cole h1 { color: red; } na entrada.
- Deixe Preservar comentários (Preserve comments) desativado neste exemplo. Ative-o quando os comentários precisarem permanecer.
- Execute a ferramenta e compare o resultado com h1 {color: red;}. Teste a folha de estilos na página de destino.
Exemplo
Testar com uma amostra segura
Entrada: h1 { color: red; }
Configurações: Preservar comentários (Preserve comments): desativado.
Resultado: h1 {color: red;}
A minificação reduz espaços em branco. Preserve comentários de licença necessários e teste a renderização antes da substituição.
Usos comuns
Onde Minificador CSS é útil
- Reduza espaços antes de compartilhar uma pequena amostra CSS.
- Compare uma folha de estilos antes e depois da redução de espaços.
- Prepare CSS para um sistema que espera texto compacto.
Limites
Verificar o resultado
- Minificador CSS: a operação não valida seletores, propriedades ou suporte do navegador.
- Minificador CSS: a saída pode manter alguns espaços. Ela não é um otimizador de build completo.
- Minificador CSS: mantenha comentários de licença necessários e a folha original. Teste a renderização antes da substituição.