URL Encoder

Encode text so it can be safely placed in a URL. Component mode escapes every reserved character for use in a single query value, full-URL mode keeps the structure of an address intact, and form mode turns spaces into + as HTML forms do. When the input is a URL, its protocol, host, path, query parameters and fragment are listed in a table.

How to use the URL Encoder

1. Choose Component, Full URL or Form encoding.
2. Type or paste your text or URL.
3. Copy the encoded result.
4. Check the URL breakdown table when the input is a full URL.

Features

• encodeURIComponent and encodeURI modes
• Form (application/x-www-form-urlencoded) mode with + for spaces
• Escapes !'()* for strict RFC 3986 output
• UTF-8 encoding of accents, emoji and other scripts
• URL parser with a query parameter table

Benefits

• Build correct links with special characters in query strings
• Understand long tracking URLs at a glance
• Instant and private — nothing is sent to a server

Frequently asked questions

When should I use component instead of full-URL mode?

Use component mode for a piece of a URL, such as one query value or path segment. Full-URL mode is for a complete address where : / ? & = # must stay as they are.

Why are spaces sometimes %20 and sometimes +?

In URLs a space is %20. HTML forms use the older form encoding, where a space becomes +. Choose Form mode to get +.

How are non-English characters encoded?

They are converted to UTF-8 bytes and each byte is written as %XX. For example é becomes %C3%A9.

Related tools

• QR Code Generator — Create QR codes for links, text, Wi-Fi, email, phone, SMS or contact cards, with custom colours, and download PNG or SVG.
• CSS Gradient Generator — Design linear, radial and conic CSS gradients with draggable colour stops and a live preview, then copy the CSS.
• URL Decoder — Decode percent-encoded URLs and query strings, handle + as space, unwrap double encoding and spot malformed sequences.
• HTML Entity Encoder — Escape &, <, >, quotes or every non-ASCII character as named, decimal or hex HTML entities for safe display in HTML.
• HTML Entity Decoder — Convert HTML entities like &amp;, &eacute;, &#8364; and &#x1F600; back into plain text, supporting all HTML5 named entities.
• Percentage Calculator — Work out X% of Y, what percent one number is of another, percentage change, or increase and decrease a value by a percent.