แปลงรูปภาพใดๆ เป็นสตริง Base64 หรือ Data URI ทันที — ในเบราว์เซอร์ของคุณเอง ไม่มีการอัปโหลดไฟล์ ไม่มีการประมวลผลบน server ฟรีทั้งหมด รองรับ JPG, PNG, GIF, WebP, SVG, BMP และ ICO
วางรูปภาพที่นี่หรือคลิกเพื่อเลือกไฟล์
JPG, PNG, GIF, WebP, SVG, BMP, ICO — สูงสุด 1.5 MB ต่อไฟล์, สูงสุด 20 ไฟล์
ต้องการเข้ารหัสหรือถอดรหัสข้อความแทนหรือไม่? ลอง Base64 Encoder/Decoder ของเรา
เครื่องมือนี้แปลงไฟล์รูปภาพเป็น Base64 และ Data URIs สำหรับข้อความ JSON หรือสตริง Base64 ที่มีอยู่ ใช้ Base64 Encoder/Decoder
Image to Base64 encoding แปลงข้อมูลไบนารีของไฟล์รูปภาพเป็นสตริงข้อความโดยใช้อักษร Base64 (A-Z, a-z, 0-9, +, /) ผลลัพธ์สามารถฝังโดยตรงใน HTML, CSS หรือ JSON โดยไม่ต้องใช้ไฟล์รูปภาพแยกต่างหาก
เมื่อคุณอัปโหลดรูปภาพ เบราว์เซอร์จะอ่านไบต์ดิบโดยใช้ FileReader API และเข้ารหัสกลุ่มละ 3 ไบต์เป็น 4 อักขระ Base64 เอาต์พุตคือ Data URI — สตริงที่เริ่มต้นด้วย data:image/png;base64, ตามด้วยข้อมูลที่เข้ารหัส
เครื่องมือนี้รองรับ JPEG, PNG, GIF (รวมถึง animated), WebP, SVG, BMP และ ICO แต่ละรูปแบบถูกอ่านเป็นไบต์ดิบและแปลงเป็น Base64 Animated GIFs รักษา animation ใน Data URI SVG files จัดการตามที่เป็น
รูปภาพที่เข้ารหัส Base64 เหมาะสำหรับเมื่อคุณต้องการฝัง assets ขนาดเล็กโดยตรงในโค้ด: CSS background images สำหรับ UI elements, รูปภาพ inline ใน HTML email templates, data payloads ใน JSON APIs หรือหน้า HTML แบบไฟล์เดียว
วางรูปภาพลงใน upload zone หรือคลิกเพื่อเลือกไฟล์ เครื่องมืออ่านรูปภาพในเบราว์เซอร์ของคุณโดยใช้ FileReader API และสร้าง Data URI ที่เข้ารหัส Base64 ทันที ไม่มีการส่งข้อมูลไปยัง server ใดๆ
ใช่ เครื่องมือฟรีทั้งหมด ไม่ต้องสมัครสมาชิก และประมวลผลทุกอย่างในเบราว์เซอร์ของคุณ รูปภาพของคุณไม่เคยออกจากอุปกรณ์
JPEG, PNG, GIF (รวมถึง animated), WebP, SVG, BMP และ ICO แต่ละรูปแบบถูกแปลงเป็น Base64 Data URI ที่รักษาข้อมูลรูปภาพดั้งเดิม
Data URI คือสตริงที่ฝังข้อมูลไฟล์โดยตรงในรูปแบบ URL: data:[mime type];base64,[encoded data] คุณสามารถใช้เป็น src ของ img tag ใน CSS background-image หรือที่ใดก็ตามที่คาดหวัง URL
ใช่ การเข้ารหัส Base64 เพิ่มขนาดข้อมูลประมาณ 33% เพราะทุก 3 ไบต์ของข้อมูลไบนารีถูกแทนด้วย 4 อักขระ ASCII สำหรับรูปภาพขนาดเล็ก (ไอคอน UI elements) ภาระนี้ไม่สำคัญ
ใน HTML ใช้ Data URI เป็น src attribute: <img src="data:image/png;base64,..." /> ใน CSS ใช้ใน background-image: url('data:image/png;base64,...') เครื่องมือนี้ให้ snippets ที่พร้อมใช้งานสำหรับทั้งสองรูปแบบ
เครื่องมือออนไลน์ฟรีสำหรับแปลง เข้ารหัส และแปลงข้อความ
แปลงตัวอักษร — ตัวพิมพ์ใหญ่ ตัวพิมพ์เล็ก Title Case และอื่นๆ
แปลงข้อความเป็นรหัส Morse และในทางกลับกัน
แปลงข้อความเป็นรหัสไบนารีและในทางกลับกัน
เข้ารหัสและถอดรหัส Base64
เข้ารหัสและถอดรหัสข้อความด้วยรหัส ROT13
แปลงข้อความเป็นตัวยก Unicode ที่รองรับ
แปลงข้อความเป็นตัวห้อย Unicode ที่รองรับ
