แปลงรูปภาพเป็น Base64

ตัวแปลงรูปภาพเป็น Base64 นี้จะเปลี่ยนรูปภาพให้เป็น URI ข้อมูล ซึ่งเป็นสตริงข้อความยาวที่ฝังรูปภาพโดยตรง รวมถึงตัวอย่างพื้นหลัง CSS ที่พร้อมใช้งาน คุณสามารถแทรกรูปภาพในบรรทัดแทนการลิงก์ไปยังไฟล์อื่นได้

มันทำงานภายในเบราว์เซอร์ของคุณ ดังนั้นรูปภาพของคุณจะถูกอ่านบนอุปกรณ์ของคุณและไม่เคยอัพโหลดเลย

URI ข้อมูลบรรจุรูปภาพทั้งหมดไว้ในมาร์กอัป ดังนั้นเบราว์เซอร์จึงไม่สร้างคำขอเครือข่ายแยกต่างหากเพื่อดึงข้อมูล สำหรับเนื้อหาขนาดเล็ก เช่น ไอคอน การไปกลับที่บันทึกไว้จะทำให้เพจรู้สึกเร็วขึ้น

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

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

URI ข้อมูลทำงานได้ทุกที่ที่ URL ยอมรับ: img src, พื้นหลัง CSS หรือฟิลด์ใน JSON หรือเทมเพลตอีเมล นั่นทำให้สะดวกสำหรับตัวอย่างข้อมูลในตัวเอง