O que é codificar uma URL?
Uma URL só pode conter um conjunto limitado de caracteres. Espaços, acentos, ç, emojis ou símbolos como & e = precisam ser convertidos em sequências do tipo %XX para não quebrar o link ou mudar o seu significado. Isso se chama codificação percentual (percent-encoding ou URL encode): um espaço vira %20, um ç vira %C3%A7 e um & vira %26.
A ferramenta tem dois modos. "Valor de parâmetro" corresponde ao encodeURIComponent do JavaScript: codifica tudo o que não é letra, número ou alguns sinais seguros, incluindo & = ? / e :. É o modo certo para colocar um texto ou outra URL dentro de um parâmetro. "URL completa" corresponde ao encodeURI: mantém os caracteres que estruturam a URL (: / ? & = #) e só codifica o resto, como espaços e acentos.
Há também a opção de representar os espaços como + em vez de %20, que é o formato usado pelos formulários HTML (application/x-www-form-urlencoded). A codificação usa sempre UTF-8, o padrão da web. Todo o texto da caixa é processado no seu navegador, sem ser enviado a lugar nenhum.
Como codificar uma URL
- Cole o texto ou a URL na caixa.
- Escolha o modo: valor de parâmetro (encodeURIComponent) ou URL completa (encodeURI).
- Ative "espaços como +" se o destino for um formulário ou uma query string no formato de formulário.
- Copie o resultado codificado.
Quando usar
- Colocar uma URL dentro de um parâmetro de outra URL, por exemplo num redirect= ou num link de compartilhamento.
- Montar links de busca ou de API com termos que têm espaços, acentos ou símbolos.
- Preparar valores para uma query string escrita à mão.
- Corrigir um link com espaços ou caracteres especiais que não abre corretamente.
- Gerar links mailto: ou do WhatsApp com texto pré-preenchido.
encodeURIComponent ou encodeURI?
- encodeURIComponent (valor de parâmetro): codifica também : / ? & = #. Use-o para o valor de um parâmetro ou para uma URL que vai dentro de outra. Exemplo: https://a.com/?x=1 vira https%3A%2F%2Fa.com%2F%3Fx%3D1.
- encodeURI (URL completa): mantém : / ? & = # e só codifica espaços, acentos e outros caracteres não permitidos. Use-o quando a URL já está montada e só tem caracteres "estranhos".
- Regra prática: se o texto vai entre ?chave= e o próximo &, use encodeURIComponent.
- Espaços como +: só fazem sentido na query string. No caminho da URL, um + é um + literal, então ali use %20.
Perguntas Frequentes
Qual a diferença entre %20 e +?
Ambos representam um espaço, mas o + só é interpretado como espaço na query string no formato de formulário (application/x-www-form-urlencoded). %20 vale em qualquer parte da URL. Por padrão a ferramenta usa %20; ative a opção se precisar de +.
Como os acentos são codificados?
Em UTF-8, que é o padrão da web. Cada caractere acentuado ocupa dois ou mais bytes, e cada byte vira um %XX: por exemplo, ç vira %C3%A7 e ã vira %C3%A3.
Posso codificar uma URL que já está codificada?
Pode, mas o % também será codificado (vira %25), e o resultado ficará codificado duas vezes. Se não tiver certeza, decodifique primeiro com o Decodificar URL.
O texto é enviado a algum servidor?
Não. A codificação é feita no seu navegador e o texto não sai do seu dispositivo.
Posso codificar várias URLs de uma vez?
Nesta ferramenta, todo o texto da caixa é tratado como um único item, então você pode colar várias linhas e codificá-las juntas. A versão grátis permite um uso; com o ToolStudio Pro você usa sem limites.
É grátis?
Você tem um uso grátis para testar. Com o ToolStudio Pro (1,99 € por mês) você usa todas as ferramentas sem limites e sem anúncios.