เข้ารหัส URL ออนไลน์

การเข้ารหัส URL คืออะไร?

การเข้ารหัส URL (หรือที่เรียกว่า percent-encoding) คือกลไกการเข้ารหัสข้อมูลใน Uniform Resource Identifier (URI) เพื่อให้มีเฉพาะอักขระที่ RFC 3986 อนุญาตปรากฏในสตริงสุดท้าย อักขระใดก็ตามที่ไม่ใช่อักขระที่ไม่สงวน (A–Z, a–z, 0–9, -, _, ., ~) จะถูกแทนที่ด้วยเครื่องหมายเปอร์เซ็นต์ตามด้วยตัวเลขฐานสิบหกสองหลักที่แสดงค่าไบต์ UTF-8 ของอักขระนั้น — ตัวอย่างเช่น ช่องว่างจะกลายเป็น %20 และ & จะกลายเป็น %26

Percent-encoding เป็นสิ่งจำเป็นเพราะ URL สามารถมีเฉพาะชุดอักขระ ASCII ที่จำกัดเท่านั้น เมื่อ URL มีอักขระนอกชุดนี้ — ช่องว่าง ตัวอักษร Unicode สัญลักษณ์เช่น &, = หรือ / ที่ใช้เป็นค่าตามตัวอักษรแทนตัวคั่นโครงสร้าง — อักขระเหล่านั้นต้องถูกเข้ารหัสเพื่อป้องกันไม่ให้ตัวแยกวิเคราะห์ URL ตีความผิด สิ่งนี้สำคัญอย่างยิ่งสำหรับค่า query string ซึ่ง & หรือ = ที่ไม่ได้เข้ารหัสจะทำลายโครงสร้างพารามิเตอร์

ทำไมต้องใช้เครื่องมือนี้?

ดูทันทีว่าข้อความของคุณเข้ารหัสอย่างไรในทั้งสองโหมด พร้อมการเปรียบเทียบแบบเคียงข้างกันแบบสด — โดยไม่ต้องเขียนโค้ดเพื่อตรวจสอบ edge cases

วิธีใช้เครื่องมือเข้ารหัส URL ออนไลน์นี้

ไม่ต้องมีบัญชี ไม่ต้องติดตั้ง วางหรือพิมพ์ข้อความในช่องป้อนข้อมูล แล้วผลลัพธ์ที่เข้ารหัสด้วยเปอร์เซ็นต์จะปรากฏทันที ทุกอย่างทำงานในเบราว์เซอร์ของคุณ — ข้อมูลของคุณไม่เคยออกจากอุปกรณ์

1. 1
   วางข้อความหรือ URL ของคุณ

   ป้อนสตริงใดก็ได้ — ค่าพารามิเตอร์คิวรี URL เต็ม เซกเมนต์เส้นทาง หรือข้อมูล JSON เครื่องมือเข้ารหัสจะประมวลผลทีละอักขระตาม RFC 3986
2. 2
   เลือกโหมดการเข้ารหัส

   เลือก encodeURIComponent เพื่อเข้ารหัสค่าพารามิเตอร์แต่ละตัว (เข้ารหัสทุกอย่างยกเว้นอักขระที่ไม่ถูกสงวน) เลือก encodeURI เพื่อเข้ารหัส URL เต็มโดยรักษาอักขระโครงสร้างเช่น ://?#&=
3. 3
   คัดลอกผลลัพธ์ที่เข้ารหัส

   สตริงที่เข้ารหัสด้วยเปอร์เซ็นต์จะปรากฏทันที คลิก คัดลอก เพื่อนำผลลัพธ์ไปวางลงใน API call, form action หรือไฟล์คอนฟิกโดยตรง
4. 4
   ถอดรหัสกลับหากจำเป็น

   ทำผิดพลาดหรืออยากตรวจสอบผลลัพธ์? สลับไปที่เครื่องมือ URL Decoder ด้วยคลิกเดียวเพื่อย้อนกลับการเข้ารหัส

อักขระใดบ้างที่ถูกเข้ารหัส?

RFC 3986 แบ่งอักขระ URL ออกเป็นสองประเภท: อักขระที่ไม่สงวน (ไม่เคยเข้ารหัส) และอักขระสงวน (มีความหมายพิเศษ — เข้ารหัสหรือเก็บรักษาตามบริบท) ตารางด้านล่างแสดงวิธีที่ฟังก์ชัน JavaScript สองตัวจัดการกับอักขระหลัก:

encodeURIComponent เทียบกับ encodeURI

JavaScript มีฟังก์ชันเข้ารหัสสองตัวที่มีพฤติกรรมแตกต่างกันมาก การเลือกผิดเป็นหนึ่งในบัก URL handling ที่พบบ่อยที่สุด:

กรณีใช้งานทั่วไป

ตัวอย่างโค้ด

วิธีเข้ารหัสสตริง URL ในภาษาและสภาพแวดล้อมยอดนิยม:

// Encode a query parameter value (most common case)
encodeURIComponent('hello world & more') // → "hello%20world%20%26%20more"

// Encode a complete URL (preserves ://?#& structure)
encodeURI('https://example.com/path?q=hello world') // → "https://example.com/path?q=hello%20world"

// Build a query string safely
const params = new URLSearchParams({ q: 'hello world', lang: 'en' })
const url = `https://example.com/search?${params}` // uses + for spaces

from urllib.parse import quote, urlencode, quote_plus

# Encode a path segment or query value
quote('hello world & more')          # → 'hello%20world%20%26%20more'

# Encode for application/x-www-form-urlencoded (space → +)
quote_plus('hello world')            # → 'hello+world'

# Build a query string
urlencode({'q': 'hello world', 'lang': 'en'})  # → 'q=hello+world&lang=en'

const url = new URL('https://example.com/search')
url.searchParams.set('q', 'hello world & more')
url.searchParams.set('lang', 'en')
console.log(url.toString())
// → https://example.com/search?q=hello+world+%26+more&lang=en

# curl automatically percent-encodes --data fields
curl -G "https://example.com/search" --data-urlencode "q=hello world & more"

# Manual encoding with Python one-liner
python3 -c "from urllib.parse import quote; print(quote('hello world'))"

URL Encoder กับทางเลือกอื่น

มีหลายเครื่องมือที่สามารถเข้ารหัสข้อความด้วยเปอร์เซ็นต์ได้ แต่แตกต่างกันในด้านการควบคุม ความเป็นส่วนตัว และบริบท

คำถามที่พบบ่อย