ลากรูปภาพมาที่นี่หรือคลิกเพื่อเลือก
รองรับ PNG, JPG, GIF, WebP
ลากรูปภาพมาที่นี่หรือคลิกเพื่อเลือก
รองรับ PNG, JPG, GIF, WebP
เครื่องมือออนไลน์ฟรีสำหรับแปลงรูปภาพเป็น Base64 รองรับ PNG/JPG/WebP/GIF/SVG/BMP/AVIF และรูปแบบอื่น ๆ ประมวลผลในเบราว์เซอร์ด้วย Web Worker ไม่ต้องอัปโหลดและไม่ทำให้ UI ค้าง สร้าง Data URL สำหรับ CSS, HTML, เทมเพลตอีเมล และ API
รองรับ PNG, JPG, WebP, GIF, SVG, BMP, AVIF, HEIC/HEIF และรูปแบบยอดนิยมอื่น ๆ เครื่องมือจะตรวจจับ MIME type อัตโนมัติและสร้าง Data URL prefix ที่ตรงกัน เช่น data:image/png;base64,...
Web Worker คือเธรดของเบราว์เซอร์ที่แยกจากเธรด UI หลัก การเข้ารหัสรูปภาพแบบเดิมอาจทำให้หน้าเว็บค้าง เครื่องมือนี้จึงรันงานเข้ารหัสใน Worker พร้อมการส่ง ArrayBuffer และ callback ความคืบหน้า ทำให้อินเทอร์เฟซยังตอบสนองได้แม้ประมวลผลไฟล์ใหญ่
ไม่ การแปลงเสร็จสิ้นโดยตรงใน Worker thread ของเบราว์เซอร์ด้วยเทคโนโลยี ArrayBuffer zero-copy เนื้อหารูปภาพไม่ผ่านเซิร์ฟเวอร์ใด ๆ แตกต่างจากเครื่องมือที่อ้างว่า “ประมวลผลในเบราว์เซอร์” แต่จริง ๆ แล้วอัปโหลดข้อมูล
Base64 จะมีขนาดประมาณ 133% ของไบนารีเดิม หรือเพิ่มขึ้นราว 33% เพราะทุก 3 ไบต์ (24 บิต) จะถูกแปลงเป็น 4 อักขระ Base64 (อักขระละ 6 บิต) และเติม = ท้ายเมื่อจำเป็น แนะนำให้รูปภาพ inline แต่ละไฟล์ต่ำกว่า 10KB
เหมาะกับไอคอนหรือรูปภาพขนาดเล็กต่ำกว่า 10KB การ inline รูปภาพเล็กช่วยลด HTTP request แต่รูปภาพใหญ่จะเพิ่มขนาด HTML/CSS และอาจกระทบเวลาโหลด รูปภาพใหญ่ควรใช้ URL แยก
Data URL มีรูปแบบ data:image/png;base64, ตามด้วยเนื้อหา Base64 และสามารถใส่ใน attribute src ของ HTML img ได้โดยตรง ส่วน Base64 ล้วนเป็นเพียงสตริงเข้ารหัสและต้องมี MIME prefix จึงจะใช้งานได้สะดวก
ได้ หลังแปลงรูปภาพเป็น Base64 แล้ว สามารถส่งเป็นค่า field ใน JSON request body ไปยัง backend API ได้ เครื่องมือนี้รองรับการคัดลอกในคลิกเดียวและเข้ากันได้กับตัวอย่างในเอกสาร API ส่วนใหญ่
Base64 inline เหมาะกับไฟล์เล็ก (<10KB) เพราะช่วยลด HTTP request สำหรับรูปภาพใหญ่ URL แยกจะโหลดได้เร็วกว่า เพราะเบราว์เซอร์ดาวน์โหลดทรัพยากรหลายรายการแบบขนานและใช้ cache ได้
การแปลงรูปภาพเป็น Base64 คือเทคนิคการเข้ารหัสข้อมูลไบนารีของรูปภาพให้เป็นสตริงข้อความ ASCII โดย Base64 ใช้อักขระที่พิมพ์ได้ 64 ตัว (A-Z, a-z, 0-9, +, /) เพื่อแทนข้อมูลไบนารี แปลงทุก 3 ไบต์เป็นอักขระ Base64 4 ตัว และเติม = ที่ท้าย กระบวนการทั้งหมดเป็นไปตามมาตรฐาน RFC 4648
**หลักการเข้ารหัส**: Base64 แบ่งทุก 3 ไบต์ (24 บิต) ออกเป็นกลุ่ม 6 บิต 4 กลุ่ม แล้ว map แต่ละกลุ่มกับอักขระใน Base64 alphabet หากจำนวนไบต์ไม่หารด้วย 3 ลงตัว จะเติมอักขระ = 1-2 ตัวที่ท้าย นี่คือเหตุผลที่ขนาดไฟล์เพิ่มขึ้นประมาณ 33% (4/3 ≈ 1.33)
**การปรับแต่งด้วย Web Worker**: เครื่องมือนี้ใช้ Web Worker เพื่อรันงานเข้ารหัสในเธรดของเบราว์เซอร์ที่แยกจากเธรดหลัก ArrayBuffer.transfer() ช่วยส่งข้อมูลไปยัง Worker แบบ zero-copy และหลีกเลี่ยงการบล็อก แม้ประมวลผลรูปภาพหลาย MB UI ก็ยังลื่นและแสดงความคืบหน้าแบบเรียลไทม์
**ความเป็นส่วนตัวและความปลอดภัย**: ต่างจากเครื่องมือที่ต้องอัปโหลดรูปภาพไปยังเซิร์ฟเวอร์ เครื่องมือนี้ทำงานทั้งหมดในเบราว์เซอร์ ข้อมูลรูปภาพไม่ผ่านเซิร์ฟเวอร์บุคคลที่สาม จึงสำคัญมากเมื่อจัดการรูปภาพอ่อนไหว เช่น บัตรประจำตัวหรือสัญญา
**กรณีใช้งาน**: รูปภาพ Base64 มักใช้กับ CSS Sprites (ลด HTTP request), เทมเพลตอีเมล HTML (เลี่ยงการบล็อกรูปภาพของไคลเอนต์อีเมล), การส่งข้อมูลไบนารีผ่าน API และส่วนขยายเบราว์เซอร์หรือแอปไฟล์เดียวที่ไม่สามารถอ้างอิงทรัพยากรภายนอกได้
