Pular para o conteúdo
ToolMug

Use ↑ ↓ para navegar, Enter para abrir, Esc para fechar.

Minificador de CSS

Minifique e comprima folhas de estilo para produção. O CSSO remove espaços e comentários, encurta cores e valores e mescla regras que repetem o mesmo seletor — muitas vezes economizando mais do que só remover espaços.

Roda no seu navegador — nada do que você digita é enviado

Como usar

  1. Cole seu CSS.
  2. Escolha se quer reestruturar as regras e manter os comentários de licença.
  3. Clique em Minificar ou pressione Ctrl+Enter (⌘+Enter no Mac).
  4. Copie ou baixe o CSS minificado.

Opções explicadas

Mesclar e reestruturar regras
Combina regras com o mesmo seletor ou as mesmas declarações quando isso é seguro. Desative para apenas remover espaços e encurtar valores.
Manter comentários de licença
Mantém os comentários que começam com /*!, que é a convenção para avisos de licença.

Exemplos

a { color: #ff0000; }
/* note */
a { margin: 0px; }

é minificado para a{color:red;margin:0}.

Perguntas frequentes

O que é encurtado?

Cores (#ff0000 → red, #ffffff → #fff), unidades em zero (0px → 0), pontos e vírgulas e aspas redundantes, e espaços. Com a reestruturação ativada, regras duplicadas são mescladas.

A reestruturação pode mudar a aparência da minha página?

O CSSO só move declarações quando o resultado da cascata continua o mesmo. Se você depende de hacks incomuns, compare o resultado ou desative a reestruturação.

Meu código é enviado para algum servidor?

Não. A minificação é feita no seu navegador.

Privacidade

Esta ferramenta funciona inteiramente no seu navegador. Seus arquivos e textos são processados no seu dispositivo e nunca são enviados aos nossos servidores.

Ferramentas relacionadas