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.

Recuo
Compressão
Cole ou digite o CSS para o formatar ou minificar.

O seu CSS é formatado e minificado diretamente no seu navegador. Nada é enviado para o BroBroGo.

Perguntas Frequentes

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 ficheiro mais pequeno e mais rápido de 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 a escreveu. O modo Otimizado vai além e mescla seletores e regras duplicadas para gerar um ficheiro ainda mais pequeno — pode reordenar regras, pelo que 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 — os seus estilos serão renderizados exatamente da mesma forma. 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 os 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.