Ir para o conteúdo
OneKitly
Criar conta · Entrar

Minificador CSS

Reduz CSS removendo comentários e espaços desnecessários.

Ferramentas relacionadas

Todas as ferramentas: JSON, XML e formatos →
Minificador / embelezador de JavaScriptMinifica ou embeleza JavaScript no teu navegador, com um tokenizer que respeita strings, regex e comentários.Formatador, minificador e validador JSONFormata, embeleza ou minifica JSON — com validação instantânea.Embelezador de CSSReformata CSS minificado ou desarrumado em regras limpas e bem indentadas — ou minifica de novo.Gerador de sombra CSS (box-shadow)Ajusta uma sombra CSS com pré-visualização ao vivo e copia o código gerado — deslocamento, desfoque, extensão, cor, inset.Compressor de CSSMinifica CSS removendo comentários e espaços para reduzir o tamanho da folha de estilos.Laboratório de CSS FlexboxExperimenta flex-direction, wrap, justify-content, align-items e gap — pré-visualização ao vivo e CSS para copiar.Gerador de CSS GridConstrói um layout CSS Grid visualmente — colunas, linhas, espaços e alinhamento — com pré-visualização ao vivo e CSS para copiar.Conversor de CSV para JSONAnalisa texto CSV (com linha de cabeçalho) num array JSON de objetos, tratando campos entre aspas. Larga um ficheiro em vez de o colares: é lido no teu navegador e nunca é enviado.

Abre Minificador CSS e obténs uma resposta de imediato, sem criar conta. O seu lugar é em JSON, XML e formatos; Minificador / embelezador de JavaScript e Formatador, minificador e validador JSON respondem às perguntas mais próximas.

Como usar

  1. Abre a ferramenta — sem registo nem instalação.
  2. Introduz os teus dados ou ajusta as opções disponíveis.
  3. Obtém o teu resultado ao instante e copia-o ou descarrega-o.

Perguntas frequentes

Para que serve Minificador CSS?

Reduz CSS removendo comentários e espaços desnecessários.

Em que casos se usa na prática?

Tornar legível um bloco gerado por uma máquina, localizar o carácter onde o parse falha e reduzir um ficheiro antes de publicar.

Qual é o erro mais comum?

Confundir válido com correto. Um documento pode ser analisado sem erros e mesmo assim não ter a forma esperada por quem o vai ler: a validação verifica a sintaxe, não o esquema.

Em que difere Minificador CSS de Minificador / embelezador de JavaScript?

Estão próximos mas respondem a perguntas diferentes. Minificador / embelezador de JavaScript: minifica ou embeleza JavaScript no teu navegador, com um tokenizer que respeita strings, regex e comentários. Escolhe o que corresponde ao teu ponto de partida — ambos são gratuitos.

Existe uma ferramenta para o passo seguinte?

Formatador, minificador e validador JSON é o mais próximo a seguir a este: Formata, embeleza ou minifica JSON — com validação instantânea.

De onde vêm os dados?

A análise e a serialização seguem a especificação de cada formato. A ordem das chaves e os espaços não têm valor semântico em JSON nem em YAML, pelo que um documento reformatado é equivalente mesmo com bytes diferentes.

Para saber mais

Todos os guias →
GuiaEmbelezar ou minificar: para que serve cada um e o que faz ao pesoQuatro folhas de estilo reais passadas pelo minificador, medidas em bruto e depois de gzip. Retirar todos os espaços poupou 48, 103, 104 e 147 bytes comprimidos; retirar os comentários, 57, 1 358, 2 420 e 1 042. E as cinco entradas que este minificador parte.GuiaO que um minificador pode remover e o que não pode tocarA minificação tem de preservar o significado, e o interessante são os espaços que carregam significado: o combinador descendente, os espaços dentro de calc(), o intervalo entre dois elementos em linha. Medido aqui em ficheiros reais, incluindo o que o brotli já lhe ia poupar.GuiaTranspor uma tabela cujas linhas deviam ter sido colunasO que acontece à linha de cabeçalho, às linhas de comprimento desigual, aos tipos — e a única coisa com que transpor é regularmente confundido e que não consegue fazer.ExplicaçãoDe XML para JSON: atributos, repetição e a armadilha do array de um só elementoDois documentos que só diferem no número de filhos produzem duas formas JSON diferentes, e nenhum conversor os distingue sem um esquema. Além do que este faz mesmo com os atributos, o conteúdo misto e os espaços — e a única coisa que continua a não conseguir registar.ExplicaçãoDe CSV para JSON: os cinco casos que partem qualquer conversorDelimitadores entre aspas, quebras de linha embutidas, tipos ambíguos, cabeçalhos repetidos e codificação. Cada caso passou pelo conversor e a saída exata está aqui — incluindo os dois que ele não salva.ComparaçãoJSON vs XML: qual a diferença?JSON e XML armazenam ambos dados estruturados como texto, mas com compromissos diferentes. Eis como cada um se parece, onde cada um vence e como escolher.