Formatador e minificador de HTML
Embeleze HTML bagunçado ou minifique-o para produção
Sobre esta ferramenta
Embeleze HTML que saiu de um bundler, de um scraper ou de um editor WYSIWYG: os elementos são indentados na largura que você escolher, os atributos ficam na sua linha e o conteúdo de pre/textarea permanece intacto byte a byte. O modo minificar remove comentários e colapsa o espaço em branco entre as tags — tipicamente um corte de 10–25% em páginas escritas à mão.
A minificação aqui é deliberadamente conservadora: scripts e estilos inline são protegidos, comentários condicionais sobrevivem e espaços simples entre elementos inline são preservados, para que "clique <a>aqui</a> agora" não se funda em "cliqueaquiagora". Você recebe um minificar seguro, não um maximamente agressivo.
As duas operações rodam localmente no seu navegador — páginas não publicadas e marcação de admin interna nunca saem da sua máquina.
Perguntas frequentes
- Minificar vai quebrar meu JavaScript ou CSS inline?
- Não — blocos <script>, <style>, <pre> e <textarea> são totalmente excluídos do colapso de espaços. Só a marcação entre tags é tocada. Para comprimir os próprios scripts, passe-os separadamente pelo minificador de JavaScript.
- Por que é seguro remover o espaço em branco entre tags?
- Na maior parte dos casos, é: espaço em branco entre elementos de bloco não tem efeito visual. Entre elementos inline tem — e por isso o minificador colapsa sequências para um único espaço em vez de apagá-las. Layouts que dependem de truques de espaçamento com inline-block são a rara exceção que vale conferir.
- O formatador conserta HTML inválido?
- Ele formata o que você fornece sem validar contra a especificação HTML — tags não fechadas continuam não fechadas. Navegadores perdoam sopa de tags, então a formatação ainda ajuda a enxergar a estrutura o bastante para achar o problema.
- Que largura de indentação devo usar?
- 2 espaços é a convenção dominante em bases de código web e o padrão da maioria dos guias de estilo de frameworks. Escolha 4 se o seu time padronizou assim — a escolha é cosmética.