%U
Developer/URL Encoder / Decoder

URL Encoder / Decoder

Encode or decode URLs with encodeURIComponent or encodeURI. 100% local.

100% LOCALRFC 39862 modesUnicode safeBrowser only
Saved Sessions· Auto-save on
▾
Input
Mode:
Output
Output will appear here
Data Source & Legal Disclaimer
Effective: 2026
Sources: Browser-side processing (no external API)

This tool runs 100% in your browser. All computation happens locally on your device — your input is never uploaded to any server. Results are for reference only.

See all data sources & update policy →
Como funcionaPage 2

Why URLs escape special characters — illustrated

A URL is allowed to contain only a small safe alphabet (A–Z a–z 0–9 - _ . ~ plus a few reserved symbols). Anything else — spaces, &, /, ?, #, non-ASCII letters, emoji — would be misread as part of the URL structure. Encoding replaces them with % + two hex digits of their UTF-8 bytes; decoding reverses exactly that. encodeURIComponent escapes the widest set (good for a query value); encodeURI keeps structural punctuation like ? and # (good for a whole URL).

One character becomes three
encodeURIComponenta ba%20bencodeURI = same, but keeps ? # //?/?unchanged – structure kept你 → UTF-8 E4 BD A0 → %E4%BD%A0 (three escaped bytes)

A space is byte 0x20 → %20. The Chinese character 你 (U+4F60) is three UTF-8 bytes E4 BD A0 → %E4%BD%A0. Decoding walks the %XX triplets and reassembles the bytes.

A search query that survives copy-paste

You want to pass 'hello world' and a Chinese keyword in one URL query string.

  1. encodeURIComponent:hello%20world and %E4%BD%A0 — safe inside an &q= value even with & or = in the text
  2. Keep the separator:The & between params must stay literal, so you only escape each value, never the whole string
  3. The # trap:encodeURI leaves # intact → if your text has # it starts a fragment; that is why values use Component mode
  4. Round-trip:Decode restores the original bytes exactly — encode is always reversible
FAQ e detalhesPage 3

Encode and decode URLs with encodeURIComponent and encodeURI modes. Everything runs locally; nothing is uploaded.

FreeToolHub URL Encoder / Decoder is a free browser-based tool — encode and decode URLs with encodeURIComponent and encodeURI modes. No signup, no upload; everything runs locally in your browser.

Sobre esta ferramenta

O que é esta ferramenta?

Codifique e decodifique URLs com os modos encodeURIComponent e encodeURI. Suporte completo a Unicode. 100% baseado em navegador, gratuito, sem cadastro.

RFC 39862 modesUnicode safeBrowser only

O Que é o Codificador / Decodificador de URL?

Esta ferramenta converte texto para o formato percent-encoded de URL e vice-versa, resolvendo o problema de que URLs podem conter apenas um conjunto ASCII limitado. Espaços, e comerciais (&), hashtags, caracteres CJK e emoji todos têm significados reservados ou ilegais em URLs e devem ser codificados como sequências %XX. Dois modos cobrem os dois casos do mundo real: o modo encodeURIComponent codifica tudo incluindo & = ? / para uso como valor de um único parâmetro, e o modo encodeURI preserva os caracteres de estrutura de URL para que uma URL completa permaneça funcional. O suporte completo a Unicode significa que texto chinês, árabe e emoji são codificados corretamente para suas sequências percentuais UTF-8.

Quem Deve Usar Esta Ferramenta?

Desenvolvedores web constroem strings de consulta onde a entrada do usuário contém espaços ou símbolos que quebrariam as fronteiras dos parâmetros. Profissionais de marketing constroem links com tags UTM com nomes de campanha contendo caracteres não-ASCII e verificam como sobrevivem em sistemas de e-mail. Testadores de API codificam valores de filtro em URLs de requisição e decodificam valores retirados de logs de servidor para ver o que foi realmente enviado. Usuários internacionais colando termos de busca CJK em ferramentas que esperam entrada codificada a usam constantemente. Equipes de depuração decodificam URLs codificadas de relatórios de analytics para ler o destino original.

Como Funciona?

(1) Cole seu texto ou URL. (2) Escolha o modo: modo component para um valor de parâmetro, modo full-URI para uma URL completa onde barras e separadores de consulta devem sobreviver. (3) Leia a saída codificada — espaços se tornam %20 (ou + em contextos de codificação de formulários), caracteres não-ASCII se tornam sequências multi-byte UTF-8, caracteres reservados se tornam suas formas percentuais. (4) O modo Decode inverte qualquer string percent-encoded, lidando com sequências UTF-8 mistas e a convenção de forma + como espaço. Tudo converte ao vivo e localmente.

Quando Usar encodeURIComponent vs encodeURI?

As duas funções JavaScript mapeiam para as duas filosofias de codificação, e escolher errado quebra URLs de maneiras diferentes. encodeURIComponent é para valores individuais: ele escapa tudo com significado estrutural — & = ? / # — para que um valor como a&b=c não possa injetar parâmetros falsos. Use-o sempre que a entrada do usuário se torna um parâmetro de consulta. encodeURI é para URLs completas já montadas: ele preserva os separadores que fazem a URL funcionar enquanto codifica espaços e caracteres não-ASCII. Use-o para sanitizar um link completo para exibição ou transmissão. O bug clássico é usar encodeURI em um valor de parâmetro, deixando & e = intactos para que servidores downstream dividam o valor em parâmetros fantasmas; o bug reverso estraga uma URL completa em inutilidade. Esta ferramenta expõe ambos os modos explicitamente para que você sempre escolha o correto.

Perguntas frequentes

Quando eu realmente preciso codificar algo em URL?

Sempre que texto arbitrário viaja dentro de uma URL. Caracteres reservados têm funções na gramática de uma URL — ? inicia uma consulta, & separa parâmetros, # pula para um fragmento — então um valor que os contenha deve ser percent-encoded (por exemplo, & se torna %26) ou será mal interpretado como estrutura. Codifique todo valor de parâmetro de consulta que você construir manualmente.

Qual é a diferença entre encodeURI e encodeURIComponent?

Escopo. encodeURIComponent escapa tudo com significado especial, então está correto para um valor de parâmetro individual (nome de uma cidade, termo de busca). encodeURI preserva caracteres de estrutura de URL (?, /, &, =) para que uma URL inteira permaneça parseável — usá-lo em um valor de parâmetro deixa & e = não escapados e corrompe a string de consulta. Esta ferramenta expõe ambos os modos para que você possa corresponder à função JavaScript que seu código usa.

Por que espaços se tornam %20 em alguns lugares e + em outros?

Dois padrões: a especificação de formulário HTML codifica espaços como +, enquanto a codificação percentual RFC 3986 usa %20. Navegadores enviam formulários com +, mas strings de consulta que você constrói devem usar %20 — e um decodificador estrito não transformará + de volta em espaço. Se seus espaços decodificam errado, você misturou as duas convenções.

Codificação de URL é a mesma que escape de HTML?

Não, e confundi-los causa bugs reais. Codificação de URL (percent-encoding) torna texto seguro para viajar dentro de uma URL; escape de HTML (< & ...) torna texto seguro para exibição dentro de um documento HTML. Um valor que vai para um parâmetro de consulta precisa primeiro de codificação de URL — escapá-lo em HTML enviaria lixo literal amp; para o servidor.

Codificação de URL afeta SEO ou comportamento de redirecionamento?

Caracteres codificados em URL são decodificados pelo servidor antes do processamento, então a codificação não muda a página de destino. No entanto, codificação excessiva em URLs visíveis pode parecer spam para mecanismos de busca. Melhor prática: codifique apenas caracteres especiais em parâmetros de consulta, não na estrutura do caminho. Use hífens para separação de palavras em caminhos de URL.

What is the difference between encodeURIComponent and encodeURI?

encodeURIComponent encodes all special characters including : / ? # [ ] @, making it suitable for encoding individual query parameter values. encodeURI preserves URL structural characters, making it suitable for encoding an entire URL. This tool supports both modes—use encodeURIComponent for parameter values, encodeURI for full URLs.

Does URL encoding affect SEO or redirect behavior?

URL-encoded characters are decoded by the server before processing, so encoding does not change the destination page. However, excessive encoding in visible URLs can look spammy to search engines. Best practice: encode only special characters in query parameters, not in the path structure. Use hyphens for word separation in URL paths.

Ferramentas relacionadas

Compartilhar:𝕏inf⬆
Joke of the Day
Oct 22

What do you call a really smart cookie?

Free core, no account

Keep the Free Edition Free

No signups, no data sold. Every tool is free to use — the free tier allows 5 downloads or saves per day, and the optional Pro plan ($7/mo, $59/yr) adds unlimited downloads, batch processing, white-label exports and an ad-free experience.

☕Support me on Ko-fi— support the free tier

100% of proceeds go towards hosting & building more free tools.