Pular para o conteúdo
Toolars
Explorar

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 /*!.

Processamento local

Detalhes do processamento

Os dados da ferramenta são processados no seu dispositivo.

Esta ferramenta pode baixar recursos. Os serviços de conta são separados.

Os recursos offline ainda não foram preparados.

Informações de privacidade
Reportar erro

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.

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

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

Área de trabalho URL

URL Workbench

Limpe listas URL protegendo links assinados, com motivos por linha, comparação de componentes e exportação de sitemap.

Editar

Explorador JSON

JSON Explorer

Consulte JSONPath, extraia campos e restaure registros JSON Pointer sem perder a precisão de números grandes.

Inspecionar

Validador JSON Schema

JSON Schema Validator

Valide Draft 7 ou 2020-12 localmente com caminhos de erro; infira esquemas a partir de várias amostras.

Inspecionar

Preparação de HTML

HTML Publishing

Limpe HTML colado preservando listas, links e semântica de tabelas, com prévia segura das alterações.

Publicar