Formatador e Minificador de CSS
Organize códigos CSS complexos para facilitar a leitura ou minifique-os para publicação — com um modo seguro que nunca altera a ordem das suas regras.
Seu CSS é formatado e minificado diretamente no seu navegador. Nada é enviado para o BroBroGo.
FAQ
Qual é a diferença entre formatar (beautify) e minificar (minify)?
A formatação (beautify) reorganiza os recuos e espaçamentos dos seus estilos para facilitar a leitura e edição. A minificação faz o oposto — remove espaços em branco e comentários desnecessários para o navegador, além de encurtar valores como cores, deixando o arquivo menor e mais rápido para carregar. Formate enquanto trabalha, minifique antes de publicar.
O que fazem as configurações de compressão Seguro e Otimizado?
O modo Seguro apenas remove espaços em branco e comentários e encurta valores, mantendo cada regra exatamente onde você a escreveu. O modo Otimizado vai além e mescla seletores e regras duplicadas para gerar um arquivo ainda menor — ele pode reordenar regras, então em folhas de estilo que dependem da ordem de declaração, vale a pena fazer uma verificação rápida antes de publicar. Comentários marcados com /*! … */ são mantidos em ambos os modos.
Minificar o CSS pode alterar a aparência da minha página?
No modo Seguro, não — seus estilos serão renderizados exatamente da mesma forma. Ele apenas remove espaços em branco, descarta comentários comuns e reescreve valores em formatos equivalentes mais curtos (como #ffffff para #fff), sem nunca alterar seus prefixos de navegadores (vendor prefixes) ou sintaxe moderna. O modo Otimizado também mescla regras, o que gera um resultado visual idêntico na maioria das folhas de estilo, mas vale a pena verificar se o seu código depende da ordem das regras.