Converta texto instantaneamente para e a partir da codificação porcentagem de URL. Escolha Componente para fragmentos de query string e segmentos de caminho, ou URL completa quando a entrada já é uma URL completa e você só quer codificar as partes não seguras.
URLs só podem conter um pequeno subconjunto de caracteres ASCII: letras, dígitos e alguns sinais de pontuação reservados. Tudo o mais — espaços, letras acentuadas, emojis, valores de query string que contêm ampersands — deve ser codificado em porcentagem: cada byte não permitido se torna um sinal de porcentagem seguido de seu valor hex (por exemplo, espaço se torna %20, é se torna %C3%A9 em UTF-8).
Existem dois codificadores em JavaScript e na maioria das linguagens: um permissivo (encodeURI) que deixa intactos os caracteres de estrutura de URL (você pode codificar uma URL inteira com segurança sem quebrá-la), e um mais estrito (encodeURIComponent) que codifica tudo o que não é estritamente seguro — destinado a ser embutido dentro de um valor de query string ou segmento de caminho.
Use Componente quando a entrada é um dado que vai dentro de uma URL (um valor de query, um segmento de caminho com caracteres especiais). Use URL completa quando a entrada já é uma URL completa e você só quer escapar bordas ásperas (espaços, não-ASCII) sem tocar na estrutura.
Em application/x-www-form-urlencoded (formulários HTML), + representa um espaço. decodeURIComponent do JavaScript NÃO faz isso — só lida com %20. Se você está decodificando dados de formulário, substitua + por %20 primeiro, ou use um parser form-urlencoded dedicado.
Navegadores e servidores tipicamente limitam URLs a 2-8 KB. O codificador em si não tem limite, mas se sua saída codificada exceder o limite do sistema destino você terá um erro em outro lugar — considere enviar os dados no corpo da requisição.