Codificador e Decodificador de URL

Codifique (percent-encoding) e decodifique URLs ou parâmetros de query sem quebrar caracteres especiais.

Como usar

  1. Cole o texto ou a URL. Escolha "Componente" para codificar um valor que vai dentro de um parâmetro, ou "URL completa" para codificar um endereço inteiro sem mexer na estrutura.
  2. Clique em "Codificar" ou "Decodificar".
  3. Copie o resultado — pronto para colar em um link, um parâmetro UTM ou uma chamada de API.

Sobre esta ferramenta

URLs só podem conter um conjunto limitado de caracteres. Todo o resto — espaços, acentos, &, ?, emojis — precisa de percent-encoding: os bytes UTF-8 do caractere escritos como %XX. Um espaço vira %20, "ç" vira %C3%A7. Pular essa etapa é como os links quebram: um & não codificado dentro de um valor de parâmetro o divide silenciosamente em dois, e uma palavra acentuada na query pode chegar corrompida ao servidor.

Os dois modos existem porque são dois trabalhos diferentes. "Componente" (encodeURIComponent) codifica tudo que não é caractere seguro — use para valores que você está inserindo em uma query string, como o nome de uma campanha em um parâmetro UTM ou uma URL de retorno passada a outra página. "URL completa" (encodeURI) preserva os caracteres estruturais :, /, ?, & e = — use para sanear um endereço completo que já tem sua estrutura montada.

Decodificar inverte o processo e é igualmente útil: cole qualquer URL com percent-encoding vinda de logs, analytics ou da barra do navegador e leia em texto puro. Tudo roda localmente no seu navegador — os links que você está depurando nunca são transmitidos.

A fórmula

Cada caractere inseguro é substituído pelos seus bytes UTF-8 escritos em hexadecimal, com o prefixo %. Espaço → %20, ç → %C3%A7, 🚀 → %F0%9F%9A%80.

Perguntas frequentes

Quando usar "Componente" e quando usar "URL completa"?

Componente para um valor que vai dentro de um parâmetro (ele codifica &, = e /). URL completa para um endereço inteiro — ela mantém os caracteres estruturais intactos para a URL continuar funcionando.

Por que meu parâmetro UTM quebrou o link?

Provavelmente um & ou espaço não codificado no valor. Codifique o valor no modo Componente antes de colocá-lo na URL — é exatamente esse caso.

Qual a diferença entre %20 e + para espaços?

Os dois significam espaço em query strings, mas + é uma convenção legada de codificação de formulários. %20 funciona em qualquer parte de uma URL — prefira ele.

Minha URL é enviada para algum lugar?

Não. A codificação e a decodificação rodam inteiramente no seu navegador com as funções nativas de JavaScript.

Ferramentas relacionadas

Links longos? Encurte de graça

O Vai.la transforma qualquer URL em um link curto com estatísticas de cliques, QR Code e seu próprio biolink.

O Vai.la não se responsabiliza pelo uso das ferramentas nem por decisões tomadas com base nos seus resultados.