เข้ารหัส Base64

อธิบายการเข้ารหัส Base64

ทำไมฉันจึงต้องใช้การเข้ารหัส Base64?

Base64 เป็นรูปแบบการเข้ารหัสที่ใช้แทนข้อมูลไบนารีในรูปแบบ ASCII ซึ่งมีประโยชน์เมื่อจำเป็นต้องส่งข้อมูลไบนารีผ่านสื่อที่ออกแบบมาเพื่อจัดการข้อมูลแบบข้อความ ตัวอย่างที่เป็นรูปธรรมได้แก่ การส่งรูปภาพในไฟล์ XML หรือในสิ่งที่แนบมากับอีเมล

การเข้ารหัส Base64 ทำงานอย่างไร?

ไบต์ที่ประกอบขึ้นเป็นข้อมูลจะถูกแบ่งออกเป็นบัฟเฟอร์ขนาด 24 บิต (ครั้งละ 3 ไบต์) จากนั้นบัฟเฟอร์ที่ได้จะถูกแบ่งออกเป็น 4 ชุด ชุดละ 6 บิต บิตทั้ง 6 นี้จะประกอบเป็นตัวเลขที่สอดคล้องกับดัชนีในชุดอักขระ Base64 (A–Z, a–z, 0–9, + และ /) หากจำนวนไบต์ไม่ใช่ตัวคูณของสาม จะมีการเติมช่องว่าง: == สำหรับ 1 ไบต์ที่เหลือ และ = สำหรับ 2 ไบต์ที่เหลือ

ฉันจะฝังทรัพยากรที่เข้ารหัส Base64 ใน HTML, XML และ CSS ได้อย่างไร?

ด้านล่างนี้เป็นตัวอย่างวิธีการฝังทรัพยากร Base64 ในเอกสารเว็บที่แตกต่างกัน

การฝังรูปภาพใน HTML:
<img src="data:image/jpeg;base64,/9j/4AAQ..." />

การฝังรูปภาพใน XML:
<image>data:image/jpeg;base64,/9j/4AAQ...</image>

การฝังรูปภาพใน CSS:
.cls { background-image: url('data:image/jpeg;base64,/9j/4AAQ...'); }