Utilore

Minificar HTML

Cole o HTML e receba de volta sem os espaços que ninguém vê. O contador abaixo do campo mostra quanto você economizou.

O código não sai desta página: a formatação acontece no seu navegador.

Como usar

  1. Cole o HTML no primeiro campo — ele é minificado enquanto você digita.
  2. Confira os números de tamanho abaixo da entrada.
  3. Copie o resultado, ou toque em «Formatar» para expandir de novo.

Bom saber

O que sai e o que fica

Saem as quebras de linha entre tags, as sequências de espaços e os comentários comuns. Comentários condicionais ficam, pois carregam marcação para navegadores antigos. Tudo dentro de pre, textarea, script e style passa intacto: ali uma quebra de linha é conteúdo, não formatação.

Quanto isso vale de fato

Numa página comum a minificação economiza de dez a vinte por cento antes da compressão, e bem menos depois, porque o gzip já lida bem com espaços repetidos. Vale a pena no processo de build e vale esquecer durante o desenvolvimento, onde marcação legível não custa nada e poupa horas.

Perguntas frequentes

A página continua igual?

Sim, com uma ressalva: o espaço entre elementos em linha aparece na página. Por isso o espaço entre tags é reduzido a um só, e não apagado, e o layout não se desloca.

Meu código vai para algum lugar?

Não. Tudo acontece na página, então templates ainda não publicados ficam com você.

Ele minifica o CSS e o JavaScript de dentro?

Não. Esses blocos são copiados como estão. Use o minificador de CSS para folhas de estilo — mexer em script a partir de uma ferramenta de marcação é o caminho clássico para bugs sutis.

Dá para desfazer?

Toque em «Formatar» e a marcação volta com recuo. As quebras originais se perderam, mas a estrutura reaparece.

Ferramentas relacionadas