Handy Devtools
Back to tools

URL Encode/Decode

Encode URL components and inspect query strings locally.

Processed locally in your browser
Encodes reserved URL delimiters.

UTF-8 size: 31 bytes · limit 1 MiB

Result

Query inspector

Accepts absolute URLs, relative URLs, or query strings. Duplicate keys and ordering are preserved.

UTF-8 size: 53 bytes · limit 1 MiB

About this tool

Encode or decode text entirely in this browser. URI components escape reserved delimiters; full-URL mode preserves URL structure; form mode follows URLSearchParams rules.

How to use it

  1. Choose Encode or Decode and the semantics that match where the value will be used.
  2. Enter text and copy the reactive result, or inspect a complete query below.
  3. Review the rebuilt query before using it in an application.

Which mode should I use?

  • Use URI component for one path segment or parameter value; use full URL when delimiters such as :, /, ?, #, and & must remain structural.
  • Use form/query values for URLSearchParams-style data, where spaces become +. Full-URL mode preserves URI delimiters but does not validate that the input is a valid URL.

Percent encoding and spaces

  • encodeURIComponent encodes reserved separators while encodeURI preserves URL structure.
  • URI encoding uses %20 for spaces. Form and query values use + for spaces, while a literal plus is encoded as %2B.

Frequently asked questions

Why does decoding sometimes fail?

Malformed percent escapes are rejected as a whole so the tool never returns a misleading partial transformation.

Related developer tools