รูปภาพเป็น Base64

แปลงรูปภาพเป็น Base64 ออนไลน์ สร้าง data URI และคัดลอกสตริงที่เข้ารหัสโดยไม่ต้องอัปโหลดไฟล์

⌘ ทำงานในเบราว์เซอร์ ◴ ไม่จัดเก็บข้อมูล ⌁ ฟรี

แนวคิด

แปลงรูปภาพเป็น Base64 เพื่อฝังใน HTML, CSS, อีเมล และ JSON

การแปลงรูปภาพเป็น Base64 จะเปลี่ยนไฟล์ภาพเป็น data URI เพื่อฝังแบบอินไลน์โดยไม่ต้องเรียกไฟล์ภายนอกแยกต่างหาก

เครื่องมือนี้เข้ารหัสภาพในเบราว์เซอร์เป็นสตริง Base64 แล้วนำไปใส่ใน img/CSS, เนื้อหาอีเมล, JSON สำหรับทดสอบ API หรือข้อมูลตัวอย่างได้ทันที

เหมาะกับทรัพยากรขนาดเล็ก เช่น ไอคอน ภาพที่ฝังในอีเมล และข้อมูลจำลองสำหรับทดสอบ

ใช้เมื่ออยากใส่ภาพในลายเซ็นอีเมล README mock API response หรือการทดสอบ frontend โดยไม่พึ่งลิงก์ภายนอก

ตรวจ MIME type ใน data URI เช่น image/png และเปรียบเทียบขนาดหลังเข้ารหัสกับไฟล์ต้นฉบับ

Base64 มักยาวกว่าไฟล์ต้นฉบับ จึงอาจทำให้ cache, bundle size และประสิทธิภาพการ render แย่ลง

รูปภาพขนาดใหญ่หรือไฟล์ที่เปลี่ยนบ่อยควรแยกเป็นไฟล์ผ่าน CDN/โฮสติ้งแบบ static และใช้ Base64 กับไฟล์ขนาดเล็กหรือข้อมูลทดสอบชั่วคราวเป็นหลัก

อินพุตรูปภาพ

ผลลัพธ์ Base64

ข้อมูลรูปภาพจะแสดงที่นี่

ใส่รูปภาพอย่างไร?

เลือกไฟล์รูปภาพหรือลากและวางไฟล์เพื่อสร้าง Base64 data URL พร้อมตัวอย่างภาพ

คัดลอกผลลัพธ์ Base64 ของรูปภาพได้หรือไม่?

ได้ คุณสามารถคัดลอก Base64 data URL จากกล่องผลลัพธ์ไปยังคลิปบอร์ด

ควรรู้อะไรเมื่อแปลงรูปภาพขนาดใหญ่?

สตริง Base64 อาจมีขนาดใหญ่กว่าไฟล์ต้นฉบับ ดังนั้นควรตรวจขนาดก่อนฝังรูปภาพขนาดใหญ่ในหน้าเว็บหรือโค้ด