URL Encode Online

Codifique texto para formato de URL em tempo real. Converte caracteres especiais e acentos para o formato %XX.

URL Encode online

Digite o texto e veja o resultado codificado em formato URL instantaneamente. Ideal para codificar parâmetros de query string, nomes de arquivos, dados de formulários e qualquer texto que precise ser incluído em uma URL.

O resultado aparece automaticamente conforme você digita.

O que é URL encoding?

URL encoding, ou percent-encoding, é o processo de converter caracteres que não são permitidos em URLs para uma sequência segura: o símbolo % seguido de dois dígitos hexadecimais representando o byte do caractere em UTF-8.

O padrão é definido pela RFC 3986 e é aplicado por todos os navegadores e servidores web modernos.

Por que usar encodeURIComponent?

Esta ferramenta usa encodeURIComponent, a função JavaScript recomendada para codificar valores dentro de URLs. Ela codifica praticamente tudo, preservando apenas os caracteres que são sempre seguros em qualquer parte de uma URL:

  • Letras A–Z e a–z
  • Dígitos 0–9
  • Os símbolos -, _, ., !, ~, *, ', (, )

Todos os outros caracteres — incluindo /, ?, &, =, +, #, espaços e qualquer caractere fora do ASCII — são codificados.

Exemplos de codificação

Texto originalTexto codificado
olá mundool%C3%A1%20mundo
café com leitecaf%C3%A9%20com%20leite
preço: R$ 10,50pre%C3%A7o%3A%20R%24%2010%2C50
user@email.comuser%40email.com
a & b = ca%20%26%20b%20%3D%20c
https://site.comhttps%3A%2F%2Fsite.com

Quando usar URL encode?

Parâmetros de query string

O uso mais comum: ao montar URLs com dados do usuário, sempre codifique cada valor individualmente antes de concatenar.

// Correto
const url = `https://busca.com?q=${encodeURIComponent(termoDeBusca)}`;

// Incorreto — pode quebrar a URL
const url = `https://busca.com?q=${termoDeBusca}`;

Segmentos de caminho

Se um nome de arquivo ou recurso contiver caracteres especiais, codifique-o:

/produtos/caf%C3%A9-especial-123

Formulários HTML

Ao submeter dados via fetch ou XMLHttpRequest com Content-Type: application/x-www-form-urlencoded, os valores devem ser codificados.

Caracteres codificados mais comuns

CaractereCódigoSignificado em URLs
espaço%20Separador
+%2BEspaço em form data
&%26Separador de parâmetros
=%3DAtribuição de parâmetro
?%3FInício da query string
#%23Âncora (hash)
/%2FSeparador de caminho
@%40Separador em autenticação
:%3ASeparador de protocolo/porta

Perguntas frequentes

Qual a diferença entre encodeURIComponent e encodeURI?

encodeURIComponent codifica quase tudo e é usado para valores de parâmetros. encodeURI preserva os delimitadores estruturais de uma URL (:, /, ?, &, =, #) e é usado para codificar uma URL completa que já está montada. Para codificar valores individuais, use sempre encodeURIComponent.

Por que caracteres acentuados geram dois ou três %XX?

Porque o encoding é feito sobre os bytes UTF-8 do caractere. Caracteres fora do ASCII básico ocupam mais de um byte em UTF-8. Por exemplo, ã ocupa 2 bytes (0xC3 e 0xA3), resultando em %C3%A3.

Preciso decodificar o resultado depois?

Não, se você estiver passando o valor em uma URL que será consumida por um servidor ou navegador — eles decodificam automaticamente. Use a URL Decode apenas quando precisar ler o valor codificado de forma legível.

Veja também