Base64 Encode / Decode

Base64 เป็นกระบวนการเข้ารหัสข้อมูลไบนารี (Binary-to-Text Encoding) ให้กลายเป็นตัวอักษรภาษาอังกฤษ ตัวเลข และสัญลักษณ์รวม 64 ตัว เพื่อให้สามารถส่งผ่านโปรโตคอลที่รองรับเฉพาะข้อความ เช่น อีเมล (MIME), URL, หรือฝังรูปภาพลงในโค้ด HTML/CSS (Data URI) ได้โดยข้อมูลไม่เสียหาย

การแก้ปัญหาตัวอักษรภาษาไทยใน Base64

ฟังก์ชัน btoa() มาตรฐานของเบราว์เซอร์รองรับเฉพาะอักขระ Latin1 (ASCII) ทำให้มักเกิด Error เมื่อแปลงภาษาไทย เครื่องมือของเราจึงใช้ TextEncoder (UTF-8) เพื่อรับประกันว่าข้อความภาษาไทย สระ และวรรณยุกต์ทั้งหมดจะถูกเข้ารหัสและถอดรหัสได้อย่างสมบูรณ์ 100%

Base64 เปลี่ยนรูปแบบข้อมูล ไม่ได้ซ่อนข้อมูล

การเข้ารหัส Base64 ทำให้ข้อมูลไบนารีแทนด้วยชุดอักขระที่สะดวกต่อการส่งในช่องข้อความ ผู้ที่มีค่าดังกล่าวสามารถถอดกลับได้โดยไม่ต้องมีรหัสลับ จึงไม่ควรใช้แทนการเข้ารหัสเพื่อปกป้องรหัสผ่านหรือข้อมูลส่วนบุคคล ตัวอย่างข้อความ ASCII “hello” จะเข้ารหัสเป็น “aGVsbG8=” และถอดกลับได้เหมือนเดิม เครื่องหมายเท่ากับท้ายสตริงเป็นส่วนเติมความยาวของรูปแบบ ไม่ใช่สัญลักษณ์ที่ควรลบทิ้งเพื่อความสวยงาม

ภาษาไทยต้องคิดเป็นไบต์ตาม encoding

ตัวอักษรไทยหนึ่งตัวอาจใช้หลายไบต์ใน UTF-8 จำนวนตัวอักษรจึงไม่เท่ากับจำนวนไบต์ เมื่อตรวจว่าถอดรหัสแล้วข้อความยังเหมือนเดิม ให้เทียบทั้งข้อความไทย วรรณยุกต์ ช่องว่าง และการขึ้นบรรทัดใหม่ ไม่ควรสรุปจากความยาวที่แสดงอย่างเดียว หากระบบต้นทางใช้รูปแบบต่างจาก Base64 มาตรฐาน เช่น Base64URL ซึ่งแทนอักขระบางตัวต่างกัน ต้องตรวจข้อกำหนดนั้นก่อนส่งต่อไป API หรือใส่ใน URL

รูปภาพและข้อความ Data URL

Data URL ของภาพมีส่วนบอกชนิดข้อมูลก่อนสตริง Base64 เช่นข้อมูล MIME type และตัวคั่น เครื่องมือหรือระบบปลายทางบางแห่งต้องการทั้ง Data URL ขณะที่บางแห่งรับเฉพาะส่วนข้อมูล หากนำทั้งส่วนหัวไปถอดเป็นสตริง Base64 ธรรมดาอาจเกิดข้อผิดพลาดได้ นอกจากนี้การแทนไฟล์ด้วยข้อความมักทำให้ขนาดเพิ่มขึ้น จึงไม่ใช่วิธีบีบอัดไฟล์ ควรตรวจว่ารูปยังเปิดได้และชนิดไฟล์ตรงกับที่ระบบปลายทางคาดหวังก่อนนำไปใช้

1. สำหรับการแปลงข้อความ: พิมพ์ข้อความในช่องซ้ายแล้วกด 'เข้ารหัสเป็น Base64' หรือวาง Base64 ในช่องขวาแล้วกด 'ถอดรหัสเป็นข้อความ'
2. สำหรับการแปลงรูปภาพเป็น Data URL: สลับไปที่แท็บ 'แปลงไฟล์/รูปภาพ' แล้วลากไฟล์รูปภาพมาวาง
3. คัดลอกโค้ด Data URI ไปวางใน Tag <img src='...'> ได้ทันทีโดยไม่ต้องอัปโหลดรูปภาพขึ้นโฮสติ้ง