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 original | Texto codificado |
|---|---|
olá mundo | ol%C3%A1%20mundo |
café com leite | caf%C3%A9%20com%20leite |
preço: R$ 10,50 | pre%C3%A7o%3A%20R%24%2010%2C50 |
user@email.com | user%40email.com |
a & b = c | a%20%26%20b%20%3D%20c |
https://site.com | https%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-123Formulá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
| Caractere | Código | Significado em URLs |
|---|---|---|
| espaço | %20 | Separador |
+ | %2B | Espaço em form data |
& | %26 | Separador de parâmetros |
= | %3D | Atribuição de parâmetro |
? | %3F | Início da query string |
# | %23 | Âncora (hash) |
/ | %2F | Separador de caminho |
@ | %40 | Separador em autenticação |
: | %3A | Separador 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
- URL Decode — decodificação em tempo real
- URL Encode/Decode — codificar e decodificar em uma só ferramenta
- HTML Encode/Decode
- Base64 Encode/Decode