คุณอาจสังเกตเห็นว่ารูปภาพบางภาพบนหน้าเว็บมีอักขระขนาดใหญ่ตามด้วย URL ของภาพพื้นหลัง SRC หรือ CSS เช่น: ข้อมูล: image/png; base64, IVBORW0KGGOAAAAANSUHEUGNZVJLYWR5CCLLPAAAAHHJREFUENO8ZJSOXCAMBFB/KEAUFFR0CBNG3NQPW68ARZDALOZPPPFIBHHHOB8B8B+TLT9MYQ6 I1BUQFAQ1CKSVCXZ2ACS6406KUGPT5/KUVGZ5BDCSZO99ZODCZGVT4MJJZMVKQCHA68IIEPB86GAIOV8CDADLIUQBS7MD3WAAAABJRU นี่คืออะไร? นี่คือรูปแบบข้อมูล URI
รูปแบบข้อมูล URI ถูกกำหนดไว้ใน RFC2397 โดยมีวัตถุประสงค์เพื่อฝังข้อมูลขนาดเล็กลงในหน้าเว็บโดยตรงเพื่อไม่ให้โหลดจากไฟล์ภายนอกอีกต่อไป ตัวอย่างเช่นสตริงของอักขระด้านบนเป็นภาพเล็ก ๆ คัดลอกและวางอักขระเหล่านี้ลงในแถบที่อยู่ Firefox และไปที่มันคุณสามารถดูได้ว่ารูปภาพ PNG สีเทาสีเทาสีขาว 1x36
ในข้อมูลข้างต้น URI ข้อมูลแสดงถึงชื่อสัญญาของข้อมูลที่ได้รับ Image/PNG คือชื่อประเภทข้อมูล Base64 เป็นวิธีการเข้ารหัสของข้อมูลและเครื่องหมายจุลภาคตามด้วยข้อมูลที่เข้ารหัสโดย BASE64 ของไฟล์ภาพนี้/PNG
ปัจจุบันประเภทที่รองรับโดย Data URI Scheme คือ:
ข้อมูล: ข้อมูลข้อความ
ข้อมูล: ข้อความ/ธรรมดาข้อมูลข้อความ
ข้อมูล: ข้อความ/html, รหัส html
ข้อมูล: ข้อความ/html; base64, base64 รหัส HTML เข้ารหัส
ข้อมูล: ข้อความ/CSS, รหัส CSS
ข้อมูล: ข้อความ/css; base64, base64 รหัส CSS เข้ารหัส
ข้อมูล: ข้อความ/JavaScript, รหัส JavaScript
ข้อมูล: ข้อความ/javascript; base64, base64 รหัส JavaScript ที่เข้ารหัส
ข้อมูล: รูปภาพ/gif; Base64, Base64 เข้ารหัสข้อมูลภาพ GIF
ข้อมูล: รูปภาพ/png; Base64, Base64 เข้ารหัสข้อมูลรูปภาพ PNG
ข้อมูล: image/jpeg; Base64, Base64 เข้ารหัสข้อมูลภาพ JPEG
ข้อมูล: รูปภาพ/x-icon; BASE64, BASE64 ไอคอนข้อมูลภาพไอคอน
Base64 เพียงแค่ใส่มันแปลข้อมูล 8 บิตเป็นอักขระ ASCII มาตรฐาน มีเครื่องมือการเข้ารหัสและถอดรหัส Base64 ฟรีบนอินเทอร์เน็ต ใน PHP คุณสามารถใช้ฟังก์ชั่น base64_encode () เพื่อเข้ารหัสเช่น echo base64_encode (file_get_contents ('wg.png'));
ปัจจุบันเบราว์เซอร์ IE8, Firfox, Chrome และ Opera ทั้งหมดสนับสนุนการฝังไฟล์ขนาดเล็กประเภทนี้
ยกตัวอย่างรูปภาพ:สามารถแสดงรูปภาพบนหน้าเว็บได้เช่นนี้:
<img src = http: //www.letuknowit.com/images/wg.png/>
นอกจากนี้ยังสามารถแสดงเช่นนี้:
คัดลอกรหัส