Como minifico CSS online sem instalar nada?

Cole seu CSS em CSS de entrada, ou solte um arquivo .css, depois clique em Minificar CSS. Comentários e espaços extras são removidos, e você pode Copiar o resultado ou Baixá-lo como styles.min.css.

O minificador de CSS mantém comentários de licença e data URIs intactos?

Sim. Comentários comuns são descartados, mas comentários /*! license */ são mantidos. Strings entre aspas, valores url() e data URIs são tokenizados separadamente, então as regras de espaço em branco não os alteram.

Como transformo CSS minificado de volta em código legível?

Clique em Embelezar CSS em vez de Minificar CSS. O código é reindentado com dois espaços por nível, e os dois-pontos de seletores como a:hover são distinguidos dos dois-pontos de propriedades. Baixar o salva como styles.css.

O que significa o número gzipped ao lado da redução?

É uma estimativa do tamanho da saída após a compressão gzip, medida com a API CompressionStream do navegador. Se o seu navegador não tiver essa API, o tamanho gzipped não é mostrado.

Meu CSS é enviado a um servidor quando o minifico?

Não. A minificação é feita por um tokenizador JavaScript rodando no seu navegador, sem biblioteca externa. Nada é enviado, então você pode usá-lo em folhas de estilo privadas.

Sim. Todas as ferramentas são gratuitas, sem conta e sem cartão de crédito. O processamento acontece no seu dispositivo, e não nos nossos servidores, e é isso que permite manter tudo gratuito.

Sim. Funciona nos navegadores móveis atuais em iOS e Android, sem instalar nada.

🗜️

CSS Minificador e embelezador grátis

Minimize CSS para reduzir o tamanho do arquivo ou embeleze CSS minificado para facilitar a leitura. Instantâneo, no seu navegador.

Executa no seu navegadorSem inscrição, sem pop-upsSem login necessárioGratuito para sempre

Funciona offline depois de carregado

ou solte um arquivo .css abaixo

Solte um arquivo .css aqui ou clique para procurar

CSS · processado no seu dispositivo

ou pressione Ctrl+V para colar da área de transferência

Procurar arquivos

CSS de entrada

CSS de saída

A saída aparecerá aqui…

Usos comuns

Minificar CSS para Implantação em ProduçãoReduza o tamanho do arquivo CSS antes de implantar em produção — carregamentos de página mais rápidos e custos de largura de banda reduzidos.
Embelezar CSS Minificado para DepuraçãoFormate CSS comprimido ou minificado em código legível para que você possa inspecionar e depurar estilos.
Minificar CSS para Modelos de EmailCompacte CSS para modelos de email HTML onde o tamanho do arquivo e o inchaço de estilo inline importam.
Minificar CSS para Temas do WordPressReduza o tamanho das folhas de estilo do tema WordPress personalizado para melhor pontuação do PageSpeed.
Embelezar CSS para Revisão de CódigoFormate qualquer arquivo CSS em código limpo, indentado e legível pronto para revisão e colaboração.

Como funciona

Esta ferramenta usa um tokenizador CSS escrito à mão, sem dependências, construído inteiramente em JavaScript — sem bibliotecas externas, sem chamadas a servidor. O tokenizador classifica cada caracter como código, comentário, string entre aspas, ou valor url() antes de aplicar quaisquer transformações, o que evita que regras de espaço em branco corrompam conteúdos de strings, URIs de dados, ou expressões calc().

1
Passo de tokenização
O CSS de entrada é analisado caracter por caracter e dividido em tokens tipados: segmentos de código bruto, comentários /* ... */, strings entre aspas (preservando sequências de escape), e blocos url(...). Isto garante que as transformações no passo seguinte só tocam sintaxe CSS real — nunca o conteúdo de um literal de string ou URI de dados.
2
Minificação ou embelezamento
No modo minify, os comentários normais são removidos (comentários /*! license */ são mantidos), sequências de espaço em branco em tokens de código são colapsadas para um único espaço, e o espaço em branco adjacente a pontuação à volta de { } : ; , > ~ é removido. Os espaços à volta de + e - são intencionalmente deixados intactos para evitar quebrar expressões calc(). No modo embelezar, o código é primeiro minificado a uma base limpa, depois retokenizado e reindentado com acompanhamento de profundidade de dois espaços e deteção de dois-pontos de declaração para distinguir dois-pontos de property: value de dois-pontos de seletor como a:hover.
3
Estimativa de tamanho Gzip
Depois de produzir a saída, a API nativa CompressionStream do navegador é usada para comprimir o resultado com gzip e medir a contagem de bytes resultante. Isto dá uma estimativa realista do tamanho de transferência correspondendo ao que um servidor web com compressão gzip enviaria pela rede.
4
Copiar ou baixar
O CSS processado é escrito na área de transferência via a Clipboard API, ou baixado como styles.min.css (modo minify) ou styles.css (modo beautify) usando um Blob com tipo MIME text/css. A porcentagem de redução de tamanho é mostrada ao vivo enquanto você digita.

Ferramentas relacionadas

✨

Otimizador e Minificador de SVG

Remova metadados, reduza espaços em branco e arredonde decimais para diminuir drasticamente o tamanho de arquivos SVG — reduções típicas de 30 a 70%. A pré-visualização verifica que nada quebra.

ExperimentarArquivos ficam no dispositivo

🎨

Embelezador de CSS

Formate CSS minificado com indentação consistente ou minifique-o. Ordenação alfabética opcional das propriedades para diffs previsíveis.

Experimentar

📋

Formatador de JSON

Formate, valide, reduza e explore dados JSON. Visualização em árvore, destaque de sintaxe e cópia com um clique.