Ir para o conteúdo
Allin
Criar conta · Entrar

Minificador CSS

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

Ferramentas relacionadas

Todas as ferramentas: JSON, XML e formatos →
Minificador / embelezador de JavaScriptMinifique ou embeleze JavaScript no seu navegador, com um tokenizer que respeita strings, regex e comentários.Embelezador de CSSReformate CSS minificado ou desarrumado em regras limpas e bem indentadas — ou minifique de novo.Gerador de sombra CSS (box-shadow)Ajuste uma sombra CSS com pré-visualização ao vivo e copie o código gerado — deslocamento, desfoque, extensão, cor, inset.Compressor de CSSMinifique CSS removendo comentários e espaços para reduzir o tamanho da folha de estilos.Laboratório de CSS FlexboxExperimente flex-direction, wrap, justify-content, align-items e gap — pré-visualização ao vivo e CSS para copiar.Gerador de CSS GridConstrua 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 JSONAnalise texto CSV (com linha de cabeçalho) num array JSON de objetos, tratando campos entre aspas. Largue um ficheiro em vez de o colar: é lido no seu navegador e nunca é enviado.CSV para tabela MarkdownTransforme um CSV numa tabela Markdown, aspas incluídas: um campo pode conter o delimitador, uma quebra de linha ou uma barra vertical sem partir a tabela. Vírgula, ponto e vírgula (Excel francês), tabulação ou barra — detetado ou imposto.

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 Embelezador de CSS respondem às perguntas mais próximas.

Como usar

  1. Abra a ferramenta — sem registo nem instalação.
  2. Introduza os seus dados ou ajuste as opções disponíveis.
  3. Obtenha o seu resultado ao instante e copie-o ou descarregue-o.

Perguntas frequentes

Para que serve Minificador CSS?

Reduza 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 é o que deves abrir quando se trata de minifique ou embeleze JavaScript no seu 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?

Embelezador de CSS é o mais próximo a seguir a este: Reformate CSS minificado ou desarrumado em regras limpas e bem indentadas — ou minifique de novo.

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.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.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.TutorialConstruir uma tabela Markdown de raiz, sem contar travessões à mãoA coisa mais pequena que ainda é uma tabela são duas linhas: uma linha de cabeçalho e uma linha delimitadora. Aqui está porque é que a segunda é obrigatória em GitHub Flavored Markdown, onde as tabelas de barras não existem de todo, e o que um gerador faz que escrever à mão não consegue.GuiaColar uma tabela num pull request: o que parte, e os dois carateres que partem tudoUma tabela Markdown proíbe exatamente dois carateres dentro de uma célula: a barra vertical e a quebra de linha. Aqui está o que cada um faz, como um conversor os trata, porque é que o escape tem de ser aplicado na ordem certa, e porque é que o alinhamento da fonte nunca conta.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.