Entrada

Saída encodeURIComponent

Exemplos de codificação URL

Os espaços tornam-se %20, & torna-se %26, = torna-se %3D, etc. Os dois modos diferem nos caracteres que preservam:

encodeURIComponent (modo Componente)

Entrada:

Entrada

Saída (modo Componente — codifica : / ? & =):

Saída

Saída (modo URL completa — preserva estrutura URL):

Saída

O que é a codificação URL?

A codificação URL (codificação percentual) converte caracteres não permitidos ou com significado especial em URLs num % seguido de dois dígitos hexadecimais. Definido na RFC 3986. Por exemplo, um espaço torna-se %20, & torna-se %26, = torna-se %3D. Isto garante que os dados passados em URLs sejam transmitidos corretamente.

Esta ferramenta oferece dois modos que correspondem às funções JavaScript: <strong>Modo Componente</strong> usa <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent" target="_blank" rel="noopener"><code>encodeURIComponent()</code></a> que codifica tudo exceto <code>A–Z a–z 0–9 - _ . ! ~ * ' ( )</code>. Use para valores de parâmetros de query. <strong>Modo URL completa</strong> usa <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURI" target="_blank" rel="noopener"><code>encodeURI()</code></a> que preserva caracteres de estrutura como <code>:</code> <code>/</code> <code>?</code> <code>&</code> <code>#</code>. Para descodificar, use o Decodificador URL.

Como usar esta ferramenta

1

Escolher modo de codificação

Selecione Componente para codificar um valor de parâmetro (ex. termo de pesquisa). Selecione URL completa para codificar uma URL completa. Clique em Amostra para carregar um exemplo.

2

Colar a sua entrada

Escreva ou cole o seu texto no editor esquerdo. O painel direito atualiza-se automaticamente. A codificação executa-se inteiramente no seu navegador—nenhum dado é enviado.

3

Copiar ou descarregar

Clique em <strong>Copiar</strong> para a área de transferência ou <strong>Descarregar</strong> para guardar como <code>.txt</code>. Para inverter, use o Decodificador URL.

Componente vs URL completa

Comparação de modos

Para valores de query string use sempre o modo Componente. Por exemplo, se o termo for rock & roll, o parâmetro correto é q=rock%20%26%20roll.

Perguntas frequentes

Os meus dados são privados?

Sim. A codificação executa-se inteiramente no seu navegador. Nenhum dado é enviado.

Qual é a diferença entre %20 e + para espaços?

No formato application/x-www-form-urlencoded (formulários HTML), os espaços são codificados como +. Na codificação percentual (RFC 3986), como %20. Esta ferramenta usa %20.

Que modo para uma URL completa?

Use o modo URL completa (encodeURI) para uma URL navegável. Use o modo Componente (encodeURIComponent) para valores em parâmetros de query ou segmentos de caminho.

Suporta caracteres Unicode?

Sim. Caracteres não ASCII como é, ou emoji são primeiro codificados em UTF-8 e depois em percentagem. Por exemplo, é torna-se %C3%A9.

Ferramentas relacionadas

Para a especificação, consulte RFC 3986. A MDN documenta encodeURIComponent e encodeURI.