When do I need URL encoding?

Whenever a URL contains characters outside the unreserved set (A-Z, a-z, 0-9, -._~) in a place those characters would be ambiguous — query strings, path segments with spaces, redirect_uri params, search filters.

What's the difference between encodeURI and encodeURIComponent?

encodeURI leaves reserved characters like :/?#& intact (use on a full URL). encodeURIComponent encodes them too (use on individual query values). This tool exposes both modes.

Why is + sometimes used for space?

Form data (application/x-www-form-urlencoded) encodes space as +. URLs in href / fetch URLs use %20. Pick the right mode for your context.

Does it handle emoji and CJK characters?

Yes — they're first encoded to UTF-8 (multiple bytes per character), then each byte is percent-encoded.

URL Encoder — Free Online Tool

What is the URL Encoder?

The URL Encoder is a free online url tools from Markvibe. Percent-encode URL components. It runs entirely in your browser — your data never gets uploaded — and works on desktop, tablet and mobile with no sign-up.

Reviewed by The Markvibe Team · Last updated 2026-06-28

Example

A worked example so you know exactly what to expect.

Input

https://markvibe.lovable.app/search?q=hello world&lang=en

Output

https%3A%2F%2Fmarkvibe.lovable.app%2Fsearch%3Fq%3Dhello%20world%26lang%3Den

How to use URL Encoder

1Paste a URL or any string with special characters into the input.
2Pick the scope: encode the full URL (preserves :/?#&=), only a query parameter value, or every reserved character (strict).
3Spaces become %20 (or + in form-encoded mode). Unicode characters are first converted to UTF-8 bytes, then percent-encoded.
4Copy the safe, encoded URL — ready to drop into an href, a fetch call, or a curl command.
5Switch to the URL Decoder tool to reverse the process.