Aplique recuo em HTML bagunçado, ou minifique e veja os bytes economizados
Funciona no seu navegador. Nada do que você digita é enviado a lugar nenhum.Formatar HTML aplica recuo nas tags aninhadas para a estrutura ficar visível, e minificar remove os espaços entre elas. Os bytes economizados são mostrados, o que numa página de 100 KB costuma valer a pena. Tudo é analisado no seu navegador, então uma página não lançada continua privada.
Esta página foi traduzida automaticamente do original em inglês. Nenhuma pessoa revisou ainda a tradução; a versão em inglês é a que deve ser considerada. Ler o original em inglês
Cole a marcação na caixa HTML ou toque em Testar um exemplo.
Deixe Formatar selecionado para aplicar recuo, ou escolha Minificar para tirar comentários e espaços sobrando.
Em Formatar, escolha 2 espaços, 4 espaços ou Tab e ajuste Quebrar em para listas longas de atributos.
Toque em Copiar ou Baixar para levar o resultado.
Este formatador de HTML faz os dois trabalhos que a marcação pede: deixá-la legível ou deixá-la pequena. Cole à esquerda e o resultado aparece à direita. Formatar coloca cada elemento em sua própria linha com recuo de dois espaços, quatro espaços ou um tab, e quebra listas longas de atributos na largura que você escolher. Minificar tira comentários e espaços sobrando e mostra o tamanho antes, o tamanho depois e a porcentagem economizada.
A maioria das visitas começa com uma marcação que ninguém escreveu à mão. Uma página salva pelo navegador chega em uma linha só. Um motor de templates gera um bloco com tabs e espaços misturados. Uma etapa de build entrega HTML de produção e você precisa descobrir como uma seção foi montada. Formatar primeiro transforma qualquer um deles em algo que dá para ler e pesquisar.
O minificador é cuidadoso de propósito. Um espaço entre dois elementos inline aparece na tela, então ele fica; só sai o espaço entre tags de bloco, que o navegador descarta de qualquer forma. Os comentários saem, menos os comentários condicionais para o antigo Internet Explorer. O conteúdo de pre, textarea, script e style é copiado caractere por caractere, então o recuo que seus usuários veem nunca é mexido. Ao remover aspas de atributos, qualquer valor com barra continua entre aspas, porque os navegadores aceitam href=/a/b mas várias ferramentas de build não o leem. Scripts e folhas de estilo não são minificados aqui; use o JavaScript Minifier e o CSS Minifier para eles.
Se a marcação não puder ser lida, você recebe a linha e a coluna do problema e o que corrigir, como um comentário que nunca fecha ou um valor de atributo sem a aspa. Tudo roda no seu navegador, então páginas com nomes de clientes ou URLs internas nunca saem do seu dispositivo.
Sim. Não há cadastro, nem marca-d'água, nem limite de quanta marcação você cola ou de quantas vezes usa. A página é paga por alguns anúncios exibidos fora da ferramenta, nunca dentro do seu resultado.
Não. Formatar e minificar rodam no seu navegador com JavaScript. Uma marcação com nomes de clientes, URLs internas ou chaves de API numa tag script nunca sai do seu dispositivo, e nada fica guardado depois que você fecha a aba.
Normalmente de 3 a 10 por cento dos bytes brutos, e um pouco mais sem as aspas dos atributos. Marcação com muito recuo é a que mais economiza; uma página já minificada não economiza nada. A ferramenta mostra o tamanho exato antes, o tamanho depois e a porcentagem, então você nunca precisa adivinhar.
Minificar não deve mudar como a página é exibida. Espaços só são removidos entre tags de bloco, onde os navegadores os ignoram de qualquer forma. Um espaço entre dois elementos inline como span ou strong aparece, então é mantido, e o conteúdo de pre, textarea, script e style é copiado exatamente.
Sim. Escolha Formatar e a linha única vira marcação com recuo, um elemento por linha. Nada é acrescentado ou removido, então você lê exatamente o que o navegador recebeu. Escolha a largura do recuo e da quebra que combinam com o seu editor.
Não. Tudo o que está dentro de uma tag style ou script é copiado sem mudanças, porque minificar isso exige um analisador de CSS ou JavaScript de verdade. Passe esses trechos pelo CSS Minifier e pelo JavaScript Minifier e cole os resultados de volta.
Ainda com dúvidas? Pergunte sobre Formatador e minificador de HTML e qualquer pessoa que saiba pode responder. Não é preciso ter conta.