URL Encode / Decode
%XX sequences — switch to Decode mode to avoid double-encoding.https:// was added automatically to parse the URL.| Key (decoded) | Value (decoded) | Encoded form |
|---|
| Character | encodeURIComponent | encodeURI | Notes |
|---|---|---|---|
| space | %20 | %20 | Both encode spaces |
/ | %2F | / | encodeURI preserves path separator |
? | %3F | ? | encodeURI preserves query separator |
# | %23 | # | encodeURI preserves fragment separator |
@ | %40 | @ | encodeURI preserves user-info separator |
& | %26 | & | encodeURI preserves query param separator |
= | %3D | = | encodeURI preserves key=value separator |
+ | %2B | + | Use component to encode + in values |
% | %25 | %25 | Both encode the percent sign |
[ | %5B | [ | encodeURI leaves brackets for IPv6 |
] | %5D | ] | encodeURI leaves brackets for IPv6 |
encodeURIComponent for individual query param values; use encodeURI for complete URLs you want to make safe without breaking structure.
Bạn đã bao giờ copy một đường link rồi dán vào trình duyệt mà nó hiện ra toàn ký tự lạ kiểu %20, %3D, %2F… và tự hỏi "cái này là gì vậy?"? Đừng lo — bạn vừa chạm vào một trong những khái niệm nền tảng của web: URL Encoding.
Tool URL Encoder / Decoder ở đây giúp bạn chuyển đổi nhanh giữa URL gốc và URL đã được mã hóa — chỉ cần dán vào, nhấn nút, xong. Không cần cài đặt, không cần tài khoản, không cần biết code.
URL encoding là gì?
URL (Uniform Resource Locator) — tức là đường link web — chỉ được phép chứa một tập ký tự hạn chế theo chuẩn ASCII. Khi URL có chứa các ký tự đặc biệt như dấu cách, tiếng Việt có dấu, ký tự &, =, ?, #… trình duyệt và server sẽ không hiểu đúng ý nghĩa của chúng.
Vì vậy, những ký tự đó cần được mã hóa (encode) sang dạng %XX — trong đó XX là mã hex của ký tự đó. Ví dụ:
| Ký tự gốc | Sau khi encode | Giải thích |
|---|---|---|
| Dấu cách (space) | %20 | Ký tự phổ biến nhất cần mã hóa |
& | %26 | Dùng trong query string, cần escape |
= | %3D | Dùng để gán giá trị tham số |
/ | %2F | Phân tách đường dẫn |
? | %3F | Bắt đầu query string |
| à, ê, ọ, ữ… | %C3%A0… | Tiếng Việt cần mã hóa UTF-8 |
Ngược lại, URL Decoding là quá trình chuyển ngược — từ chuỗi %XX trở về ký tự gốc dễ đọc.
Cách sử dụng tool này
Giao diện tool được thiết kế đơn giản, ai cũng dùng được:
- Bước 1: Dán chuỗi URL hoặc văn bản cần xử lý vào ô nhập liệu phía trên.
- Bước 2: Chọn chức năng: Encode (mã hóa) hoặc Decode (giải mã).
- Bước 3: Nhấn nút thực thi — kết quả hiện ra ngay lập tức ở ô phía dưới.
- Bước 4: Nhấn Copy để sao chép kết quả.
Tool hỗ trợ đầy đủ ký tự UTF-8, bao gồm tiếng Việt có dấu, tiếng Nhật, tiếng Trung và các ký tự đặc biệt.
Khi nào bạn cần dùng URL encoder / decoder?
| Tình huống | Encode hay Decode? |
|---|---|
| Tạo link chia sẻ chứa tiếng Việt hoặc ký tự đặc biệt | ✅ Encode |
Truyền tham số trong query string (?name=Nguyễn Văn A) | ✅ Encode |
| Xây dựng API, gửi request HTTP có dữ liệu trong URL | ✅ Encode |
| Đọc URL bị mã hóa, không hiểu nội dung | ✅ Decode |
| Debug lỗi liên quan đến URL trong lập trình web | ✅ Encode / Decode |
| Kiểm tra dữ liệu được gửi qua form HTML (GET method) | ✅ Decode |
Ví dụ thực tế
Encode URL
Giả sử bạn muốn tìm kiếm "học tiếng Anh miễn phí" trên một website và truyền từ khóa này qua URL:
Trước khi encode:
Sau khi encode:
URL sau khi encode mới hoạt động đúng trên tất cả trình duyệt và server.
Decode URL
Bạn nhận được một URL từ log hệ thống hoặc từ email:
Decode ra để đọc cho dễ:
Một vài lưu ý nhỏ
- Encode toàn bộ URL vs encode từng phần: Nếu bạn encode cả URL (bao gồm
https://,/,?), những ký tự này cũng sẽ bị mã hóa và URL sẽ không còn hoạt động được. Thông thường chỉ nên encode giá trị của tham số, không encode cả đường link. - Dấu
+và%20: Cả hai đều đại diện cho dấu cách, nhưng%20chuẩn hơn và an toàn hơn trong mọi ngữ cảnh. - Tool này hoàn toàn miễn phí và xử lý dữ liệu ngay trên trình duyệt của bạn — không có dữ liệu nào được gửi lên server.
Kết luận
URL Encoding tưởng như là chuyện của mấy bạn lập trình viên, nhưng thực ra ai làm việc với web — từ marketer, SEO-er, đến người dùng bình thường — đều sẽ gặp phải lúc này lúc khác. Có sẵn một tool để xử lý nhanh tiết kiệm kha khá thời gian đấy.
Nếu bạn thấy tool này hữu ích, hãy bookmark lại để dùng khi cần nhé. Và nếu bạn muốn xem thêm các tool online khác tại codetuthub.com, hãy ghé qua mục Tools — còn nhiều tiện ích hay ho đang chờ bạn khám phá!