Codificador URL

Codifique URLs da forma certa para o contexto em que você está trabalhando

A codificação de URL parece simples até que caracteres reservados comecem a quebrar uma string de consulta ou um caminho. Esta ferramenta ajuda você a escolher entre codificar um componente e codificar uma URL completa, o que importa porque encodeURIComponent e encodeURI preservam caracteres diferentes por design. Testando localmente no navegador, você vê exatamente como espaços, e comerciais, sinais de igual, hashes e barras são tratados antes de colar o resultado no código ou em uma requisição de API.

Por que essa diferença importa

Um parâmetro de consulta exige um escape mais rígido do que uma URL inteira. Se você codificar demais, pode quebrar a estrutura do link. Se codificar de menos, o servidor pode dividir um valor no lugar errado ou tratar caracteres especiais como separadores. Esta ferramenta deixa essa diferença visível para que você saiba se está preparando um parâmetro, um segmento de caminho ou um endereço completo.

Fluxo prático

O melhor costuma ser colar um valor de exemplo, comparar a saída codificada por componente e a saída para URL completa e então escolher a versão que combina com o seu caso. Isso é especialmente útil ao montar requisições fetch, envios de formulário ou links profundos com valores dinâmicos. Se a saída ainda parecer estranha, normalmente significa que a string original contém caracteres que pedem outra estratégia de codificação. Ver as duas saídas lado a lado costuma ser o jeito mais rápido de evitar links quebrados.