Entrada
Preparando seu ambiente de trabalho…
Como usar
- Cole CSS, abra um arquivo UTF-8 ou carregue Exemplo.
- Escolha a indentação ou ative Minificar CSS e execute a ação.
- Confira o resultado e use Copiar ou Baixar.
Formatar ou minificar CSS
A formatação facilita a leitura e a revisão da folha de estilos. A minificação remove espaços opcionais e comentários comuns para produzir uma representação textual menor.
As duas operações analisam a entrada primeiro. O formatador usa Prettier; o minificador usa CSSTree para gerar sintaxe compacta, sem fazer uma otimização global da folha.
Escolher uma operação
Formatar expande o código com indentação e quebras consistentes. Escolha dois ou quatro espaços conforme o projeto.
Minificar compacta CSS válido, mantendo os espaços necessários e comentários de licença iniciados por exclamação. A saída ainda pode conter informações que outro otimizador conseguiria simplificar.
.card { color: red; padding: 8px; }.card{color:red;padding:8px}Exemplo de sintaxe compacta; selecione Minificar CSS para produzir esse formato.
Análise e limites da transformação
A ferramenta não remove seletores não usados, não mescla regras, não reescreve URLs de recursos nem busca imports. Teste a saída no contexto original da aplicação.
A entrada deve ser CSS, não um programa Sass ou Less. Erros de análise são informados, e um resultado antigo não pode ser exportado após alterações na entrada ou nas opções.
Exportar uma folha de estilos
Copiar exporta todo o resultado atual; Baixar salva styles.css. Nenhuma ação edita o arquivo original ou instala a folha no projeto.
Entrada de texto de até 1 MiB. Transformações CSS e HTML são executadas em um worker com limite de 30 segundos. As ferramentas de cores usam sRGB; os estilos gerados são prévias e exigem testes no seu próprio layout.
Perguntas frequentes
A minificação remove CSS não usado?
Não. Ela compacta a sintaxe sem analisar HTML ou determinar quais seletores são usados.
Os comentários de licença são mantidos?
A minificação mantém comentários iniciados por /*! e remove comentários comuns. Revise a saída se o projeto tiver outros requisitos de aviso.
Posso colar Sass ou Less?
A ferramenta analisa CSS e não executa um compilador Sass ou Less. Compile o código do pré-processador antes de usá-lo aqui.
Por que Copiar fica desativado após editar?
A saída exibida pertence à entrada ou às opções anteriores. Execute a operação novamente para gerar um resultado atual.
Minha folha de estilos é enviada?
Não. A análise e a transformação são locais. Abrir um arquivo de texto o lê no dispositivo, e Baixar cria um novo arquivo de saída.