Início

Codificador e Decodificador de URL

Converta caracteres especiais em formato seguro para URLs. Codifique e decodifique textos usando percent-encoding (application/x-www-form-urlencoded).

Codificador/Decodificador de URL

Modo:

🔗 O que é URL Encoding?
URL encoding (ou percent-encoding) converte caracteres especiais em um formato que pode ser transmitido pela internet. Caracteres especiais são substituídos por "%" seguido de dois dígitos hexadecimais.

📖 Exemplos de conversão:
• Espaço → %20 ou +
• @ → %40
• # → %23
• & → %26
• = → %3D
• ? → %3F
• á → %C3%A1
• ç → %C3%A7

💡 Quando usar:
• Passando parâmetros em URLs
• Criando query strings
• Encodando nomes de arquivos em URLs
• Formulários HTML com GET

📝 Exemplo prático:
Texto: "Olá Mundo!"
URL: "Ol%C3%A1%20Mundo%21"
Link: https://site.com/busca?q=Ol%C3%A1%20Mundo%21

O que é URL Encoding?

URL Encoding (também chamado de Percent Encoding) é um mecanismo para codificar caracteres especiais em URLs. Como URLs só podem conter caracteres ASCII seguros, caracteres especiais são convertidos para formato %XX onde XX é o código hexadecimal.

Por que é necessário?

URLs têm caracteres reservados com significados especiais (como ? & = #). Para usar esses caracteres literalmente ou incluir caracteres não-ASCII (acentos, emoji, etc.), é necessário codificá-los.

Caracteres Comuns Codificados

Espaço → %20
! → %21
" → %22
# → %23
$ → %24
% → %25
& → %26
' → %27
= → %3D
? → %3F
@ → %40
+ → %2B
á → %C3%A1
ã → %C3%A3
ç → %C3%A7
é → %C3%A9

Casos de Uso

Exemplo Prático

Texto Original:

São Paulo - Brasil

URL Codificada:

S%C3%A3o%20Paulo%20-%20Brasil

Uso em URL:

https://exemplo.com/busca?cidade=S%C3%A3o%20Paulo%20-%20Brasil

Caracteres Reservados

URLs têm caracteres com significados especiais que devem ser codificados quando usados literalmente:

  • • : Separador de protocolo (http://)
  • • / Separador de caminho
  • • ? Início de query string
  • • & Separador de parâmetros
  • • = Separador chave/valor
  • • # Fragmento/âncora
  • • @ Credenciais em URLs

Diferença: + vs %20

%20 (Percent Encoding)

Padrão oficial. Funciona em qualquer parte da URL. Mais seguro e recomendado.

+ (application/x-www-form-urlencoded)

Usado em query strings de formulários. Mais legível mas menos universal.

Armadilhas Comuns

⚠️ Dupla codificação:

Cuidado para não codificar URLs já codificadas! "São Paulo" vira "S%C3%A3o%20Paulo", que se re-codificado vira "S%25C3%25A3o%2520Paulo" (incorreto).

Funções JavaScript

encodeURIComponent() - Codifica tudo exceto: A-Z a-z 0-9 - _ . ! ~ * ' ( )

encodeURI() - Codifica menos caracteres (preserva :/?#[]@)

decodeURIComponent() / decodeURI() - Decodificam

💡 Dica SEO: URLs amigáveis com palavras legíveis (mesmo codificadas) rankeiam melhor que URLs com IDs numéricos. Use slugs descritivos!