ForHosting KIT · Dados e planilhas

Minificar CSS online

Uma regra comentada espalhada por cinco linhas sai como uma única linha de 24 caracteres. Somem espaços, comentários, pontos e vírgulas finais e zeros sobrando, enquanto a ordem das suas regras fica intacta. Grátis no seu navegador.

Grátis
Funciona no seu navegador
Sem cadastro
Seus dados não saem do seu aparelho

Executar grátis Ver a API

Use pelo WebAPIE-mailTelegramApp em breve

Exemplo resolvido

Se você digitar

CSS minificado: /* tema */ body { color: red; margin: 0; }

Você obtém

CSS minificado: body{color:red;margin:0}

Esta ferramenta minifica CSS: remove espaços, quebras de linha e comentários sem mudar o resultado visual da página. Você cola a folha de estilo, recebe a versão compacta e corta bytes do carregamento.

Por que minificar o CSS faz diferença

Boa parte do acesso brasileiro vem do celular, muitas vezes em rede 4G instável. Cada kilobyte a menos na folha de estilo é tempo a menos até a página aparecer — e o CSS bloqueia a renderização: o navegador só desenha a tela depois de baixá-lo. Ferramentas como o PageSpeed Insights apontam exatamente isso (“minifique o CSS”), e a nota influencia a posição no Google.

Minificar não resolve tudo, mas é a otimização mais barata que existe: um clique, nenhum efeito colateral visual e o arquivo encolhe na hora.

O que a minificação remove — e o que ela preserva

O minificador tira tudo o que só existe para leitura humana: espaços, tabulações, quebras de linha e comentários. As regras, os seletores e os valores continuam exatamente iguais, então o visual da página não muda. Vale separar isso da compressão do servidor (gzip e similares): as duas coisas se somam, e um arquivo minificado e comprimido chega ao visitante bem menor do que com qualquer uma das técnicas sozinha.

Guarde sempre a versão original comentada — é nela que você continua trabalhando; a minificada é só o artefato que vai para o ar.

Como usar direto no navegador

Cole o CSS na caixa, execute e copie ou baixe o resultado. O processamento acontece dentro do seu navegador: o código não é enviado para servidor nenhum, não tem limite de uso e não pede cadastro. Funciona no computador e no celular.

Dica prática: minifique sempre a partir da versão de desenvolvimento e confira as páginas principais antes de publicar — não porque a minificação mude algo, mas porque conferir faz parte de qualquer publicação bem feita.

Para automatizar: a mesma ferramenta, sem cliques

Se o seu fluxo publica com frequência, minificar na mão vira gargalo. Sem mensalidade e sem pacote mínimo — o custo acompanha o uso. É o caminho natural para agências que publicam vários sites por semana ou para sistemas que geram CSS dinamicamente e querem entregar sempre a versão enxuta.

Casos de uso

Loja virtual antes da campanha

A equipe de uma loja online percebe que a nota do PageSpeed caiu depois do redesign. Antes de investir em mudanças maiores, minifica o CSS do tema e recupera pontos de carregamento — justamente na semana de promoção, quando cada segundo de espera derruba vendas no celular.

Freelancer entregando site de cliente

Rafael mantém sites institucionais de pequenos negócios, como a Padaria Pão Dourado. Sem ferramenta de build no projeto, ele edita o style.css comentado e, na hora de publicar, cola o arquivo aqui e sobe a versão minificada para a hospedagem.

Tema WordPress ajustado na mão

Juliana personalizou o CSS adicional do tema do blog e o arquivo foi crescendo com o tempo. Ela cola o conteúdo na ferramenta, elimina comentários e espaços acumulados e devolve o código enxuto ao painel do WordPress.

Perguntas frequentes

Minificar CSS aqui é grátis de verdade?

No navegador, sim: uso ilimitado, sem cadastro e sem limite escondido.

Meu CSS é enviado para algum servidor?

Não. Quando você usa a ferramenta na página, a minificação roda inteira no seu navegador e o código não sai da sua máquina.

Minificar pode quebrar o layout do site?

Se o CSS original é válido, o resultado é visualmente idêntico: a minificação remove apenas espaços, quebras de linha e comentários, sem tocar em seletores nem valores. CSS com erro de sintaxe, porém, pode se comportar de forma imprevisível — vale validar antes.

Funciona com Sass, Less ou SCSS?

A ferramenta minifica CSS pronto. Se você escreve em Sass ou Less, compile primeiro e minifique o CSS gerado — é ele que vai para o navegador do visitante.

Dá para reverter e recuperar o arquivo original?

A minificação não tem volta automática: comentários removidos não são recuperáveis. Por isso, trate o arquivo minificado como artefato de publicação e mantenha o original no seu repositório ou backup.

Existe teto de tamanho para a folha de estilo?

No navegador não impomos limite — o teto é a memória do seu dispositivo.

Ferramentas relacionadas

Para desenvolvedores — acesso via API

Tudo nesta página está disponível via API. Esta seção é para equipes que querem integrar a ferramenta aos próprios sistemas; quem não precisa disso pode simplesmente usar a ferramenta acima.

Endpoint

POSThttps://api.kit.forhosting.com/data/css-minify

Autenticação por token Bearer. Um único POST coloca a tarefa na fila; o resultado chega por webhook ou link assinado.

Chame do seu código

curl -X POST https://api.kit.forhosting.com/data/css-minify \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"css":"a { color : red ; }"}'

const res = await fetch("https://api.kit.forhosting.com/data/css-minify", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "css": "a { color : red ; }"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/data/css-minify",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "css": "a { color : red ; }"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/data/css-minify", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"css":"a { color : red ; }"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"css":"a { color : red ; }"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/data/css-minify", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Exemplo de requisição

{
  "css": "a { color : red ; }"
}

Exemplo de resposta

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "data.css_minify",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

A API é assíncrona: cada chamada devolve um task_id na hora. Se preferir polling, consulte o status a até 1 requisição por segundo.

Preço

por chamadaUS$ 0,002

Preço publicado, sem tokens nem créditos escondidos. Tarefa que falha não é cobrada.

Limites

max_mb 25

Erros

HTTP	Código	O que significa
`401`	`unauthorized`	Token ausente ou inválido. Confira o header Authorization.
`402`	`insufficient_balance`	Saldo insuficiente para esta tarefa. Faça uma recarga e tente de novo.
`404`	`unknown_type`	Esse tipo de tarefa não existe. Confira o campo type no catálogo.
`429`	`rate_limited`	Muitas requisições em pouco tempo. Espere um instante e tente de novo.

Notas técnicas

Roda grátis no navegador, sem cadastro, e também funciona via API para quem automatiza publicações.

Para automatizar: a mesma ferramenta via API

A mesma minificação está disponível via API: você manda o CSS, recebe de volta o arquivo compacto e paga US$ 0,002 por chamada, com arquivos de até 25 MB.

Casos de integração

Agência com publicação automatizada

A TecnoSul Soluções Digitais publica dezenas de landing pages por mês. No script de publicação, cada CSS passa pela API antes de ir ao ar: US$ 0,002 por arquivo, nota melhor no PageSpeed e nenhum passo manual.

Ver a documentação completa do KIT →

Executar grátis