URL Encoder / Decoder

URL encoding (Percent-encoding) converts special characters to a % followed by two hexadecimal digits. For example, a space becomes %20, Chinese character '中' becomes %E4%B8%AD. URL decoding reverses this. Essential for safely handling URL parameters in web development.

encodeURIComponent encodes all non-alphanumeric characters including URL structure chars (:/?#&), perfect for parameter values. encodeURI preserves URL structure characters and only encodes spaces and non-ASCII characters, ideal for complete URLs.

Characters needing encoding: 1) Non-ASCII characters; 2) URL reserved characters (:/?#[]@!$&'()*+,;=) when not used as delimiters; 3) Unsafe characters (spaces, quotes, <>, %, {}, |, ^, ~). Safe: letters (A-Z, a-z), digits (0-9), and - _ . ! ~ * ' ( ).

In DevTools Console (F12): encodeURIComponent('hello world') returns 'hello%20world'; decodeURIComponent('hello%20world') returns 'hello world'. For full URLs: encodeURI('https://example.com/path?name=value').

100% secure. All encoding/decoding happens locally in your browser. No data is uploaded to any server. Your content is processed only in your browser's memory and cleared when you close the page.