แปลงรูปภาพเป็น Base64 ออนไลน์ - สร้าง Data URI สำหรับ HTML/CSS ฟรี

แปลงไฟล์รูปภาพ (PNG, JPG, SVG, WebP, GIF) เป็นสตริง Base64 / Data URI สำหรับฝังในโค้ด HTML, CSS หรือ JSON ปลอดภัย 100% ในเครื่อง

คลิกเพื่อเข้าสู่โหมดโรงภาพยนตร์

Conversion ผลลัพธ์s

ข้อมูล Upload an image to see Data URI, CSS, and HTML code.

วิธีใช้งาน

  1. ลากและวางไฟล์รูปภาพ หรือคลิกเพื่อเลือกไฟล์
  2. ระบบจะสร้างสตริง Base64 และ Data URI ทันที
  3. คลิกคัดลอกโค้ดเพื่อนำไปใช้งาน

คุณสมบัติเด่น

  • สร้าง Data URI สำหรับนักพัฒนา: พร้อมคัดลอกไปใช้ในแท็ก , background-image ใน CSS หรือ JSON API
  • ประมวลผลในเครื่อง 100%: รวดเร็วและปลอดภัย ภาพไม่หลุดออกนอกเครื่อง
  • รองรับรูปภาพทุกประเภท: PNG, JPG, GIF, WebP, SVG และ ICO

เครื่องมือที่เกี่ยวข้อง

เครื่องมือเข้ารหัสและถอดรหัส Base64 ออนไลน์ - แปลงข้อความเป็น Base64 ฟรี

เข้ารหัสและถอดรหัสข้อความและข้อมูลไบนารีเป็น Base64 ออนไลน์ รองรับ UTF-8 ภาษาไทยอย่างสมบูรณ์ ประมวลผลในเครื่อง 100% ปลอดภัย ไม่มีการส่งข้อมูลขึ้นเซิร์ฟเวอร์
แปลง Base64 เป็นรูปภาพออนไลน์ - ดูตัวอย่างและดาวน์โหลดภาพจาก Base64 ฟรี

แปลงข้อความ Data URL / Base64 เป็นไฟล์รูปภาพ (PNG, JPG, WebP, GIF) ออนไลน์ พร้อมแสดงภาพตัวอย่างทันที ประมวลผลในเครื่อง 100% ปลอดภัย
จัดรูปแบบ JSON และสร้าง Type ออนไลน์ - ตรวจสอบความถูกต้องและแปลง Type ปลอดภัย

เครื่องมือจัดรูปแบบ JSON (JSON Formatter & Validator) ออนไลน์ฟรี ตรวจสอบความถูกต้อง สร้าง Type สำหรับ TypeScript, Zod, XML ประมวลผลในเครื่อง 100% ข้อมูลไม่ถูกบันทึก
ทดสอบ JSONPath ออนไลน์ - ค้นหาและดึงข้อมูล JSON ด้วย Expression ฟรี

เครื่องมือทดสอบ JSONPath ออนไลน์ฟรี ป้อน JSONPath Expression เพื่อดึงข้อมูล กรองอาร์เรย์ และค้นหาโหนดในโครงสร้าง JSON ประมวลผลในเครื่อง 100%
แปลง JSON เป็น CSV ออนไลน์ - แปลงข้อมูล JSON เป็นตาราง Excel ฟรี

แปลงอาร์เรย์และอ็อบเจกต์ JSON เป็นไฟล์ CSV / Excel ออนไลน์ จัดการข้อมูล Nesting และอักขระพิเศษอย่างถูกต้อง ประมวลผลในเครื่อง 100% ข้อมูลปลอดภัย
แปลง CSV เป็น JSON ออนไลน์ - แปลงตารางข้อมูลเป็น JSON ฟรี

แปลงไฟล์ตาราง CSV หรือ TSV เป็นโครงสร้างข้อมูล JSON ออนไลน์ กำหนดประเภทข้อมูลตัวเลขและบูลีนอัตโนมัติ ประมวลผลในเครื่อง 100% ปลอดภัย
เปรียบเทียบ JSON ออนไลน์ - ตรวจสอบความแตกต่างของโครงสร้าง JSON ฟรี

เครื่องมือเปรียบเทียบความแตกต่างของ JSON (JSON Diff) ออนไลน์ เปรียบเทียบสองไฟล์ JSON เชิงโครงสร้าง ไฮไลต์จุดที่เพิ่ม ลบ หรือแก้ไข ปลอดภัย 100% ในเครื่อง
บีบอัด JSON ออนไลน์ - ย่อขนาดโค้ด JSON ลดช่องว่างฟรี

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

หลักการและสูตรคำนวณ

ใช้ FileReader API อ่าน ArrayBuffer ของรูปภาพและแปลงเป็น Data URL Base64 ในเครื่อง

คำถามที่พบบ่อย (FAQ)

ทำไมจึงควรแปลงภาพเป็น Base64?

ช่วยลดจำนวน HTTP Request ของเว็บไซต์โดยการฝังภาพขนาดเล็กไว้ในไฟล์ CSS หรือ HTML โดยตรง