Duas tarefas opostas sobre o mesmo texto. Formatar acrescenta quebras de linha e indentação para uma pessoa acompanhar o aninhamento; minificar tira tudo de que o navegador não precisa. Aqui as duas atuam sobre os caracteres que você deu, não sobre um documento reconstruído, então o que sai ainda é a sua marcação.

Como usar

1. 1 Cole o HTML: uma página inteira ou apenas um fragmento.
2. 2 Escolha a indentação e depois Formatar ou Minificar.
3. 3 Copie o resultado ou passe pelo outro botão para comparar.

Espaço em branco nem sempre é ruído

Entre dois elementos em linha, um único espaço é texto visível: tire-o e «um dois» vira «umdois». Entre elementos de bloco, esse mesmo espaço não significa nada. O minificador aqui remove a indentação, mas mantém o espaço separador onde ele faz trabalho de verdade.

Por que pre e textarea ficam intocados

Dentro deles, cada espaço e cada quebra de linha é conteúdo que o leitor vai ver. Reindentar um bloco de código mudaria em silêncio o que ele mostra, e aparar um textarea mudaria o valor que o formulário envia. O mesmo vale para script e style: o conteúdo deles é outra linguagem e passa intocado.

Ele formata, não conserta

Ferramentas construídas sobre o parser do navegador consertam em silêncio a marcação quebrada: fecham suas tags, jogam fora as soltas e movem elementos para onde a especificação manda. Ao depurar, isso quase nunca é o que você quer: o bug que você persegue pode ser exatamente o que foi consertado. Esta reformata o texto e deixa os erros onde você consegue vê-los.

Minificar HTML é o ganho pequeno

Tirar espaços de uma página costuma economizar poucos por cento, e o gzip no servidor teria comprimido quase tudo isso de qualquer forma. O peso de verdade está em imagens, fontes e scripts. Minifique o HTML porque um gerador de templates deixou a saída ilegível, não porque você espera a página ficar muito mais rápida.