DevTilt

URL Encoder

Encode a string for safe use in a query value or path segment. Uses component encoding (encodeURIComponent) locally in your browser.

Uses component encoding (encodeURIComponent). Spaces become %20.

Result

Paste a query value to encode.

How to encode a URL component

  1. Paste the query value or path segment (not always the full URL).
  2. Click Encode, or press Ctrl+Enter (Cmd+Enter on Mac).
  3. Spaces become %20 (not +).
  4. Copy the encoded string for use in a query or path.

What is URL Encoder?

Special characters in query values — spaces, ampersands, Unicode emoji — break URLs if left unencoded. This tool applies encodeURIComponent encoding so each value is safe to append to a query string or path segment without corrupting the URL structure.

Why use DevTilt's URL Encoder?

  • encodeURIComponent semantics for component encoding
  • UTF-8 percent-encoding for Unicode characters
  • Spaces encoded as %20, not plus signs
  • Instant encoding with copy output

Common use cases

  • Encoding a search query with spaces and special characters
  • Building a redirect URL with encoded callback parameters
  • Preparing OAuth state or token values for a query string
  • Encoding Unicode text in a share link

FAQ

No. This tool uses encodeURIComponent, which escapes reserved characters like &, =, ?, and #. That is the usual choice for query values.
Spaces become %20. A plus sign (+) is not used — that form belongs to application/x-www-form-urlencoded, not component encoding.
No. Encoding runs entirely in your browser. Your input never leaves the device.
Encode individual query values or path segments with this tool. Encoding an entire URL with encodeURIComponent will also escape : and / — use encodeURI when you need to preserve those delimiters.
Non-ASCII characters become UTF-8 percent sequences such as %C3%A9 for é. That matches what most JavaScript encodeURIComponent implementations produce.