Bỏ qua đến nội dung chính
FreeOnlineTools Go
Tiếng Việt
how-to

Cách Mã hóa và Giải mã URL Từng Bước Một

By FreeOnlineTools Team · Updated 2026-09-02

Quick Answer

Để URL encode: dán văn bản vào URL Encoder và chuỗi percent-encoded xuất hiện ngay. Để giải mã: dán URL encoded vào URL Decoder và văn bản gốc xuất hiện. Tất cả xử lý xảy ra cục bộ.

Introduction

URL encoding (còn gọi percent-encoding) chuyển ký tự đặc biệt trong URL thành định dạng an toàn truyền qua internet. Ký tự như khoảng trắng, quote và chữ phi-ASCII có ý nghĩa đặc biệt trong URL hoặc không được phép. URL encoding thay thế chúng bằng dấu phần trăm theo sau hai chữ số hex (khoảng trắng → %20).

Step by Step

  1. Open the URL Encoder/Decoder tool

    Go to the URL Encoder & Decoder tool page. The tool has two modes: Encode and Decode.

  2. Enter your text or URL

    In Encode mode, paste the text or URL you want to encode. This is useful when building query strings with values that contain spaces, special characters, or non-ASCII text.

  3. Read the encoded output

    The tool encodes your input using encodeURIComponent(). Spaces become %20, special characters like & become %26, and non-ASCII characters are UTF-8 encoded then percent-encoded. The result appears instantly.

  4. Copy the encoded URL

    Click Copy to copy the encoded string. Use it in your API request, HTML href attribute, or JavaScript fetch() call.

  5. Decode an encoded URL

    Switch to Decode mode and paste a percent-encoded string. The tool decodes it using decodeURIComponent() and shows the original text. Invalid escape sequences (like %ZZ) produce an error.

Examples

Encode a query string value with space

Input: hello world

Output: hello%20world

Encode a URL with special characters

Input: https://example.com/search?q=foo&bar=baz

Output: https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dfoo%26bar%3Dbaz

Encode non-ASCII text

Input: café

Output: caf%C3%A9

Decode a percent-encoded URL

Input: hello%20world%20%26%20goodbye

Output: hello world & goodbye

Common Problems

  • Encoding the entire URL when only the query parameter values need encoding —encode values, not the structure (://?&=).
  • Double-encoding —if a URL is already encoded, encoding it again produces %2520 instead of %20. Decode first if unsure.
  • Using encodeURI() vs encodeURIComponent() —encodeURI() keeps URL-structural characters (:/?&=), encodeURIComponent() encodes them. Use the latter for query parameter values.
  • Invalid escape sequences in decode —%ZZ or %2 are not valid percent-encoding and will throw an error.

Tips

  • Always encode query parameter values that may contain spaces, special characters, or user input to prevent URL injection.
  • Use encodeURIComponent() for query parameter values, and encodeURI() for full URLs that just need unsafe characters encoded.
  • URL encoding is not encryption —anyone can decode it. Never use it to hide sensitive data.
  • Use our URL Encoder and Decoder tools for instant, private processing in your browser.

Related Tools

Related Guides

References