Codificador/Decodificador de URL

Codificador/Decodificador de URL - Codificar e Decodificar URLs Online

Uma ferramenta poderosa online de codificação e decodificação de URL que ajuda você a codificar texto para uso seguro em URLs ou decodificar strings de URL percent-encoded de volta para texto simples. Possui manipulação automática de caracteres especiais, espaços, Unicode, e várias opções de codificação. Essencial para desenvolvedores web trabalhando com parâmetros de consulta, endpoints de API, dados de formulário, e manipulação de URL.

O que é codificação de URL?

Codificação de URL (também chamada percent-encoding) é um método para codificar caracteres especiais em URLs usando o símbolo % seguido por dois dígitos hexadecimais. É necessário porque URLs podem conter apenas um conjunto limitado de caracteres ASCII.

Por que a codificação de URL é necessária:
- URLs podem transmitir com segurança apenas certos caracteres ASCII (A-Z, a-z, 0-9, e alguns caracteres especiais)
- Caracteres especiais como espaços, &, ?, =, #, / têm significados especiais em URLs
- Caracteres não-ASCII (Unicode, emoji, letras acentuadas) precisam ser codificados
- Previne erros de análise de URL e corrupção de dados

Codificações comuns:
- Espaço → %20 (ou + em query strings)
- & → %26
- = → %3D
- ? → %3F
- # → %23
- / → %2F
- @ → %40
- Unicode: é → %C3%A9

A codificação de URL é padronizada na RFC 3986 e é essencial para:
- Parâmetros de query string
- Submissão de dados de formulário
- Requisições de API
- Geração dinâmica de URL
- URLs de mecanismos de busca

Como codificar uma URL?

Codificar uma URL ou texto para uso em URLs é simples:

1. Selecione o modo 'Codificar' (padrão)
2. Digite ou cole seu texto ou URL no campo de entrada
3. Escolha suas opções de codificação:
- 'Codificar espaços como %20': Converte espaços para %20 (recomendado)
- 'Codificar caracteres especiais': Codifica todos caracteres não seguros (recomendado)
4. Clique no botão 'Codificar'
5. Seu texto codificado em URL aparece no campo de saída

Exemplo 1 - Texto simples:
Entrada: "Hello World!"
Saída: "Hello%20World%21"

Exemplo 2 - URL com parâmetros:
Entrada: "https://example.com/search?q=hello world&lang=en"
Saída: "https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dhello%20world%26lang%3Den"

Exemplo 3 - Caracteres especiais:
Entrada: "name=John Doe & age=30"
Saída: "name%3DJohn%20Doe%20%26%20age%3D30"

Observação: Se você está codificando apenas valores de parâmetros de consulta (não a URL inteira), você normalmente só precisa codificar a parte do valor, não os separadores = ou &.

Como decodificar uma URL?

Decodificar uma URL percent-encoded de volta para texto legível é direto:

1. Selecione o modo 'Decodificar'
2. Cole sua string codificada em URL no campo de entrada
3. Clique no botão 'Decodificar'
4. O texto decodificado e legível por humanos aparece na saída

Exemplo 1 - Texto codificado:
Entrada: "Hello%20World%21"
Saída: "Hello World!"

Exemplo 2 - Parâmetros de consulta:
Entrada: "q%3Dhello%20world%26lang%3Den"
Saída: "q=hello world&lang=en"

Exemplo 3 - URL completa:
Entrada: "https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dhello%20world"
Saída: "https://example.com/search?q=hello world"

A ferramenta automaticamente:
- Manipula tanto %20 quanto + como caracteres de espaço
- Decodifica todos caracteres percent-encoded
- Suporta Unicode e caracteres internacionais
- Mostra mensagens de erro claras para codificação inválida
- Preserva estrutura e formatação de URL

Qual é a diferença entre encodeURI e encodeURIComponent?

Esta ferramenta usa lógica encodeURIComponent, que é a opção mais comum e segura. Aqui está a diferença:

encodeURIComponent (Usado por esta ferramenta):
- Codifica TODOS caracteres especiais exceto: A-Z a-z 0-9 - _ . ! ~ * ' ( )
- Codifica: / ? : @ & = + $ # , e espaços
- Uso para: Valores de parâmetros de consulta, dados de formulário, segmentos de caminho
- Exemplo: "hello world" → "hello%20world"
- Exemplo: "a&b=c" → "a%26b%3Dc"

encodeURI (Não usado aqui):
- Codifica menos caracteres
- NÃO codifica: : / ? # [ ] @ ! $ & ' ( ) * + , ; =
- Uso para: Codificar URLs completas preservando estrutura de URL
- Exemplo: "https://example.com/path?q=hello world" → "https://example.com/path?q=hello%20world"

Quando usar qual:

Use encodeURIComponent (esta ferramenta) para:
- Valores individuais de parâmetros de consulta
- Dados de campos de formulário
- Qualquer entrada de usuário indo para URLs
- Parâmetros de requisições de API
- Consultas de busca

Use encodeURI para:
- URLs completas que precisam apenas de espaços e Unicode codificados
- Quando você quer preservar estrutura de URL (:/?&#)

A maioria do desenvolvimento web usa encodeURIComponent para segurança, que é o que esta ferramenta fornece.

Por que espaços são codificados como %20?

Espaços são codificados como %20 (ou às vezes +) em URLs porque:

1. Especificação de URL:
- RFC 3986 define caracteres de URL válidos
- Espaço não é um caractere válido em URLs
- Deve ser percent-encoded para transmissão segura

2. Dois métodos de codificação para espaços:

%20 (Percent encoding):
- Codificação de URL padrão
- Funciona em qualquer lugar em URLs
- Usado em segmentos de caminho e query strings modernas
- Mais explícito e seguro
- Exemplo: /path%20to/file

+ (Sinal de mais):
- Codificação legada somente para query strings
- Formato application/x-www-form-urlencoded
- Comum em formulários HTML
- Não válido em caminhos de URL
- Exemplo: ?search=hello+world

3. Por que %20 é preferido:
- Funciona em todas as partes de URLs (caminho, consulta, fragmento)
- Sem ambiguidade (+ poderia ser um sinal de mais literal)
- Padrão moderno
- Mais consistente

Exemplo:
Caminho URL: /documents/my%20file.pdf ✓
Caminho URL: /documents/my+file.pdf ✗ (+ não decodificado em caminhos)

Query string: ?q=hello%20world ✓
Query string: ?q=hello+world ✓ (mas ambíguo)

Esta ferramenta usa %20 por padrão para máxima compatibilidade, mas pode decodificar tanto %20 quanto + ao decodificar.

Quais caracteres precisam ser codificados em URL?

Caracteres que precisam de codificação de URL se enquadram em várias categorias:

1. Caracteres Reservados (têm significado especial em URLs):
: / ? # [ ] @ ! $ & ' ( ) * + , ; =
Estes DEVEM ser codificados quando usados como dados (não como delimitadores)

2. Caracteres Não Seguros:
Espaço → %20
" → %22
< → %3C
> → %3E
% → %25 (deve sempre ser codificado)
{ → %7B
} → %7D
| → %7C
\ → %5C
^ → %5E
~ → %7E
[ → %5B
] → %5D
` → %60

3. Caracteres Não-ASCII:
Todos caracteres fora do ASCII básico (códigos 0-127)
Exemplos:
- Acentuados: é → %C3%A9, ñ → %C3%B1
- Chinês: 你好 → %E4%BD%A0%E5%A5%BD
- Emoji: 😀 → %F0%9F%98%80

4. Caracteres de Controle:
Caracteres 0-31 e 127 (não imprimíveis)
Devem sempre ser codificados

5. Caracteres Seguros (nunca precisam de codificação):
A-Z a-z 0-9 - _ . ~ (caracteres não reservados)

Exemplos práticos:

Original: "search=hello world&lang=en"
Codificado: "search%3Dhello%20world%26lang%3Den"

Original: "[email protected]"
Codificado: "user%40example.com"

Original: "100% accurate!"
Codificado: "100%25%20accurate%21"

Quando em dúvida, codifique! Sobre-codificação é mais segura que sub-codificação.

Qual é a diferença entre codificação de URL e codificação HTML?

Codificação de URL e codificação HTML servem propósitos diferentes e usam formatos diferentes:

Codificação de URL (Percent-Encoding):
- Formato: %XX (percent + 2 dígitos hex)
- Propósito: Tornar texto seguro para URLs
- Exemplo: "hello world" → "hello%20world"
- Exemplo: "&" → "%26"
- Usado em: URLs, query strings, parâmetros de API
- Padrão: RFC 3986

Codificação HTML (Entidades HTML):
- Formato: &name; ou &#number;
- Propósito: Exibir caracteres especiais em HTML
- Exemplo: "hello world" → "hello world" (sem mudança)
- Exemplo: "&" → "&amp;" ou "&#38;"
- Exemplo: "<" → "&lt;" ou "&#60;"
- Usado em: Conteúdo HTML, atributos
- Padrão: Especificação HTML

Diferenças principais:

1. Quando usar:
- Codificação URL: Colocar dados em URLs
- Codificação HTML: Exibir texto em páginas web

2. O que eles codificam:
- Codificação URL: Espaços, caracteres especiais, não-ASCII
- Codificação HTML: <, >, &, ", e aspas

3. Formato:
- URL: %20, %26, %3D
- HTML: &nbsp;, &amp;, &quot;

4. Contexto:
- URL: Barra de endereço, chamadas de API, links
- HTML: Conteúdo de página, prevenir ataques XSS

Exemplo mostrando ambos:
Original: "Search: <hello & goodbye>"
Codificado em URL: "Search%3A%20%3Chello%20%26%20goodbye%3E"
Codificado em HTML: "Search: &lt;hello &amp; goodbye&gt;"

Não confunda! Usar o tipo errado de codificação pode causar:
- URLs ou links quebrados
- Problemas de exibição em páginas web
- Vulnerabilidades de segurança (XSS)
- Corrupção de dados

Meus dados estão seguros ao usar esta ferramenta?

Sim, seus dados estão completamente seguros e privados:

Recursos de privacidade:
- Processamento 100% no lado do cliente: Toda codificação/decodificação acontece em seu navegador
- Nenhum upload para servidor: Seus dados nunca saem do seu computador
- Nenhum armazenamento: Não armazenamos, registramos, ou salvamos nenhum dado que você insere
- Nenhum rastreamento: Não rastreamos o que você codifica ou decodifica
- Funciona offline: Uma vez carregado, funciona sem conexão com a internet
- Código aberto: Código é transparente e verificável

Você pode verificar:
- Abra DevTools do navegador → aba Network (nenhuma requisição enviada)
- Desconecte internet após carregar (ainda funciona)
- Revise código fonte da página

Notas de segurança:
- Codificação de URL NÃO é criptografia ou segurança
- URLs codificadas podem ser facilmente decodificadas por qualquer um
- Não confie na codificação de URL para proteger dados sensíveis
- Senhas, chaves de API, tokens devem usar segurança adequada (HTTPS, criptografia)

Codificação de URL é para:
- Compatibilidade de formato de dados ✓
- Prevenir erros de análise ✓
- Transmissão segura de URL ✓

NÃO para:
- Ocultar informações sensíveis ✗
- Segurança ou proteção ✗
- Criptografia ✗

A ferramenta é segura para usar, mas lembre-se que dados codificados em URL não são dados seguros.

Casos de uso comuns de codificação de URL?

Codificação de URL é essencial em muitos cenários de desenvolvimento web:

1. Parâmetros de Query String:
- Consultas de busca: ?q=hello%20world
- Valores de filtro: ?category=books%20%26%20media
- Paginação: ?page=1&sort=name%20asc
- Múltiplos valores: ?tags=javascript%2Cnode.js

2. Requisições de API:
- Parâmetros GET: /api/users?email=user%40example.com
- Endpoints de busca: /search?term=how%20to%20code
- Parâmetros de filtro: /products?name=T-Shirt%20%28Blue%29

3. Submissões de Formulário:
- Dados POST em application/x-www-form-urlencoded
- Campos de formulário ocultos com caracteres especiais
- Caminhos de upload de arquivo com espaços

4. Geração Dinâmica de URL:
- Construir URLs em JavaScript
- Criar links compartilháveis
- URLs de compartilhamento de redes sociais
- Links de email com conteúdo pré-preenchido

5. OAuth e Autenticação:
- URLs de redirecionamento: redirect_uri=https%3A%2F%2Fexample.com
- Parâmetros de estado com dados JSON
- Valores de token em URLs

6. Analytics e Rastreamento:
- Parâmetros UTM: utm_source=email%20campaign
- Nomes de eventos personalizados
- Identificadores de usuário

7. Internacionalização:
- URLs com caracteres não-ingleses
- Chinês: 你好 → %E4%BD%A0%E5%A5%BD
- Texto árabe, hebraico, cirílico
- Emoji em URLs

8. Caminhos e Nomes de Arquivo:
- Espaços em nomes de arquivo: my%20document.pdf
- Caracteres especiais em caminhos
- URLs de armazenamento em nuvem

9. Links de Email:
- Links mailto: com assunto/corpo
- Conteúdo de email pré-preenchido
- Caracteres especiais em endereços

10. Depuração:
- Examinar respostas de API
- Entender redirecionamentos
- Analisar logs de servidor
- Testar manipulação de URL

Exemplo prático:
```
Construir URL de busca:
Base: https://example.com/search
Consulta: "coffee & tea"
Categoria: "drinks/hot"
Resultado: https://example.com/search?q=coffee%20%26%20tea&cat=drinks%2Fhot
```

Recursos Principais

• Codificar texto para formato percent-encoded seguro de URL
• Decodificar URLs percent-encoded de volta para texto original
• Manipulação automática de caracteres especiais (& = ? # / @ etc.)
• Opções de codificação de espaço (%20 ou +)
• Suporte para Unicode e caracteres internacionais
• Manipula emoji e caracteres multi-byte
• Troca com um clique entre modos codificar e decodificar
• Estatísticas de comparação de tamanho em tempo real
• Copiar texto codificado/decodificado para área de transferência
• Baixar resultados como arquivos de texto
• Carregar arquivos de texto para codificação/decodificação
• Suporte para modo escuro
• Processamento 100% no lado do cliente - seus dados nunca saem do seu navegador
• Nenhum limite de tamanho de arquivo
• Funciona offline após carregamento inicial
• Design responsivo para celular
• Mensagens de erro claras para entrada inválida
• Nenhum registro ou login necessário