Pular para o conteúdo
Toolars
Explorar
Reportar erro

Desenvolvimento · utilitário Local

Minificador CSS

CSS Minifier

Minifique CSS em um Worker local com análise estrita que indica linha e coluna dos erros e preserva comentários de licença /*!.

Caminho da tarefa / da entrada ao resultado

Cole a folha de estilos

Roda localmente · Nada é enviado

Como Minificador CSS funciona, privacidade e ferramentas relacionadas

Caminho da tarefa / da entrada ao resultado

Como minificar CSS

  1. 01

    Cole a folha de estilos

    Cole código UTF-8 de até 256 KiB. O controle de recuo fica desativado no modo Minificar.

  2. 02

    Experimente o exemplo primeiro

    Exemplo carregado. Execute a transformação local quando estiver pronto.

  3. 03

    Pressione Minificar

    Clique em Minificar. O CSSO remove comentários comuns e compacta CSS sem reestruturar regras; comentários /*!...*/ permanecem. Confira no layout de destino.

  4. 04

    Confira as estatísticas

    Compare os bytes UTF-8 de entrada e saída e a porcentagem economizada. Um valor negativo indica que o resultado cresceu; confira antes de copiar ou baixar.

  5. 05

    Copie ou baixe o resultado

    Use Copiar resultado para a área de transferência ou Baixar para salvar toolars.min.css — Copiar resultado é o caminho rápido quando a saída vai direto para um bloco de estilo ou um commit. Redefinir limpa o espaço de trabalho para a próxima folha de estilos.

Fatos da ferramenta

Processamento
No seu navegador
A entrada sai deste dispositivo
Nunca
Retenção
Nada é armazenado
Preço
Grátis

Sua entrada fica no navegador.

Minificador CSS usa seu caminho de execução local verificado e não cria um histórico oculto de entradas ou saídas.

Execução local

Roda dentro da aba atual do navegador.

Sem processamento oculto

Os dados ativos da ferramenta nunca viram um registro de documento do Toolars.

Não precisa de conta

Use o fluxo principal sem criar um perfil. Os favoritos sincronizam com sua conta depois que você entra.

Redefinição imediata

Limpe a aba e os dados de trabalho ativos desaparecem.

Quando Minificador CSS é útil

Revisões de código

Torne o código-fonte mais fácil de inspecionar antes de compartilhá-lo com outro desenvolvedor.

Artefatos de build

Crie HTML, CSS ou JavaScript compacto sem executar o código-fonte.

Trechos prontos para copiar

Formate um exemplo focado e leve-o direto para a documentação ou um editor.

O que Minificador CSS realmente faz

Uma folha de estilos ajustada à mão cresceu ao longo de meses de edições e precisa da sua forma de produção; um bloco de CSS crítico deve encolher antes de ir para o head do documento; um lançamento de design system quer um número rápido de antes e depois. O Minificador CSS entrega a saída comprimida e a economia exata localmente, e a análise estrita pega a chave perdida que teria sido publicada silenciosamente. Execute em cada release candidate e mantenha o código legível no controle de versão; estilos não lançados nunca saem do navegador, e nenhuma conta é necessária.

Perguntas frequentes

O que o minificador muda?
O CSSO compacta a sintaxe e remove comentários comuns; os iniciados por /*! permanecem. A reestruturação de regras está desligada e a ferramenta não processa HTML ou JavaScript.
Quais comentários sobrevivem à minificação?
Apenas comentários que abrem com /*! — a convenção comum para banners de licença e atribuição, que ficam anexados à saída para que a atribuição sobreviva à distribuição. Comentários /* */ comuns são removidos, então mova qualquer coisa que você precise manter para a forma /*! antes de minificar.
A minificação muda como meus estilos se aplicam?
Aqui não há verificação da renderização no navegador. Teste a saída na página de destino, especialmente a ordem de regras alternativas, seletores e propriedades personalizadas; análise bem-sucedida não garante layout idêntico.
Por que minha folha de estilos foi rejeitada?
O CSS é analisado com um analisador estrito antes de minificar justamente porque o compressor em si tolera erros. Um erro de digitação, uma chave não fechada ou uma declaração inválida interrompe a execução com a linha e a coluna indicadas, em vez de produzir uma saída sutilmente errada. A mesma análise estrita sustenta o formatador de CSS correspondente desta família.
Quais são os limites?
A entrada é limitada a 256 KiB e a saída a 512 KiB. O Worker local tem cinco segundos para iniciar e mais cinco para executar; editar o código ou cancelar interrompe o trabalho. O código fica neste navegador; nada é enviado.
Meu CSS é enviado para algum lugar?
Não. O código-fonte é analisado dentro de um Worker local e nunca é executado, enviado ou salvo. A aceitação pelo analisador não é correção da aplicação nem compatibilidade com navegadores.

Continuar em Desenvolvimento

Tarefas relacionadas, não um beco sem saída.

Passe para outro espaço de trabalho focado sem voltar ao índice completo.

Código para imagem

Code to Image Converter

Exporte código com destaque de sintaxe como PNG ou SVG em seis linguagens, com temas claro e escuro, numeração, título e escala 1x ou 2x.

Criar

Gerador de slug de URL

URL Slug Generator

Transforme títulos em slugs de URL limpos com hífens ou sublinhados — acentos removidos, & expandido, escritas não latinas preservadas — ao vivo.

Criar

Sombras para React Native

React Native Shadow Generator

Compare propriedades de sombra legadas e boxShadow no React Native, ajuste iOS e Android lado a lado e copie o código do StyleSheet.

Criar

Codificador/decodificador Base64

Base64 Encoder/Decoder

Codifique texto Unicode em Base64 ou decodifique de volta com validação ao vivo, opções URL-safe e UTF-8 e botão de troca para ida e volta.

Converter