Formatador e minificador de HTML online
Organize o HTML em marcação limpa e indentada, ou reduza-o para o seu site no ar.
Cole HTML, abra um arquivo .html ou solte um aqui
Próximo: Formatador e minificador de CSS · Formatador e minificador de JavaScript
Relatar um problema com esta ferramenta
Como usar Formatador de HTML
Cole seu HTML
Cole uma página ou um trecho, ou abra ou solte um arquivo .html. Ele é formatado enquanto você digita.
Embeleze ou minifique
Embelezar indenta cada tag com 2 ou 4 espaços ou um tab. Minificar remove comentários e espaços que não aparecem.
Copie ou baixe
Copie o resultado ou baixe-o como arquivo .html. Ao minificar, você vê quantos bytes economizou.
Por que usar o Utils365
Minificação segura
O conteúdo de <pre>, <textarea>, <script> e <style> nunca é alterado, e um espaço é mantido entre tags inline, então a página fica igual.
Marcação legível
Tags aninhadas ganham uma indentação por nível, então uma página espremida em uma linha fica fácil de ler e editar.
Veja a economia
O tamanho antes e depois e a porcentagem economizada aparecem assim que você minifica.
Privacidade garantida
Seu HTML é formatado no seu navegador e nunca é enviado, então páginas e templates ainda não publicados ficam com você.
Perguntas frequentes
O que um minificador de HTML remove?
Comentários, quebras de linha e indentação, e espaços entre tags que os navegadores não exibem. Comentários condicionais do antigo Internet Explorer são mantidos porque ainda têm efeito.
Minificar muda a aparência da minha página?
Não deveria. Espaços ao lado de elementos de bloco como <div> e <p> nunca aparecem, então são removidos. Entre elementos inline como links e botões, um espaço é mantido, porque ali ele é visível.
Meus scripts e estilos são alterados?
Não. O conteúdo de <script> e <style> fica exatamente como foi escrito. Para reduzi-los também, use os formatadores de JavaScript e CSS.
Por que o <pre> não é alterado?
Dentro de <pre> e <textarea>, cada espaço e quebra de linha aparece na página, então remover qualquer um mudaria o que os visitantes veem.
O formatador corrige HTML quebrado?
Não. Ele muda só o layout, não as suas tags. Uma tag de fechamento que falta continua faltando, então confira as indentações: uma tag que nunca fecha empurra tudo depois dela um nível para dentro.