Minificadores de código

CSS Minifier

Minifica CSS através de uma árvore sintática que compreende strings, calc() e propriedades personalizadas.

Prima Ctrl / ⌘ + Enter para executar
Resultado só de leitura

Minifica CSS através de uma árvore sintática que compreende strings, calc() e propriedades personalizadas.

O que esta ferramenta faz

O CSS Minifier analisa primeiro o CSS numa árvore de sintaxe e depois limpa, compacta e otimiza a estrutura. Não faz uma substituição perigosa de regex de espaço em branco de todo o ficheiro, pelo que pode distinguir entre seletores, declarações, strings e contextos de função.

  • /*! os comentários no formulário de licença são mantidos.
  • Suporta seletores modernos, media queries, calc() e atributos personalizados.
  • Os erros de análise são apresentados, os resultados de erros antigos não são apresentados.

Como utilizar

  1. Cole o CSS.
  2. Clique em “Compactar CSS”.
  3. Veja os resultados da compressão e a taxa de poupança.
  4. Copie ou descarregue o minified.css e execute testes de regressão visual.

Utilizações comuns

  • Otimize o tamanho da folha de estilo do ambiente de produção.
  • Remova espaços em branco sem sentido e comentários simples.
  • Consolide as declarações e os valores que possam ser otimizados com segurança.

Funcionalidades do CSS Minifier

Comprima CSS utilizando árvores de sintaxe CSSO, compreendendo o contexto de string, cálculo e propriedade personalizada. É adequado para cenários diários de desenvolvimento, depuração, classificação de dados e otimização de código. Os resultados do processamento podem ser visualizados, copiados ou descarregados diretamente.

FAQ

Que otimizações o CSSO fará?

Elimina a redundância, reduz os valores que podem ser expressos em formas mais curtas e reestrutura algumas declarações de acordo com as regras de segurança.

Os atributos personalizados serão preservados?

Sim. O analisador processa as propriedades personalizadas de CSS, embora em projetos complexos seja aconselhável testar a folha de estilos final nos navegadores de destino.

Porquê manter /*! comentários?

Este tipo de comentário é frequentemente utilizado para avisos de licença ou direitos de autor, e a configuração atual é selecionada para ser mantida.

Voltar às Ferramentas para programadores