ตัวแปลงรูปภาพเป็น Base64
เข้ารหัสรูปภาพเป็นสตริง Base64 และ data URI
ลากและวางรูปภาพที่นี่ หรือคลิกเพื่อเลือก
สูงสุด 10 MB ต่อไฟล์ รองรับ PNG, JPG, GIF, WEBP, SVG, BMP
การตั้งค่า
แทรกบรรทัดใหม่ทุก 76 ตัวอักษร (MIME)
ภาพรวม
ตัวแปลงรูปภาพเป็น Base64 จะเข้ารหัสไฟล์ PNG, JPEG, GIF, WebP, SVG, BMP, ICO และ AVIF ให้เป็นสตริง Base64 และ data URI โดยตรง — ทำงานอยู่ในเบราว์เซอร์ของคุณทั้งหมด ลากรูปภาพเดียวหรือทั้งชุดเข้ามา เลือกรูปแบบเอาต์พุต (Base64 ดิบ, data URI, แท็ก <img>, พื้นหลัง CSS หรือ Markdown) แล้วคัดลอกหรือส่งออกผลลัพธ์เพื่อฝังลงใน HTML, CSS, payload ของ JSON หรือเทมเพลตอีเมล
สิ่งที่ตัวแปลงนี้ตรวจจับและจัดการ
- •อัปโหลดแบบลากและวางเป็นชุด: แปลงรูปภาพเดียวหรือหลายสิบรูปพร้อมกัน สูงสุด 10 MB ต่อไฟล์
- •รูปแบบเอาต์พุต 5 แบบ: Base64 ดิบ, data URI แบบเต็ม, แท็ก <img> ที่พร้อมวางใช้งาน, กฎ CSS background-image หรือรูปแบบภาพ Markdown
- •ตรวจจับประเภท MIME โดยอัตโนมัติจากไฟล์ที่อัปโหลด และฝังลงใน prefix ของ data URI อย่างถูกต้อง
- •สามารถเปิดการขึ้นบรรทัดใหม่แบบ MIME (ทุก 76 ตัวอักษร) เพื่อความเข้ากันได้กับโปรแกรมอีเมลและตัวแยกวิเคราะห์รุ่นเก่า
- •สถิติของแต่ละรูปภาพ: ขนาดไฟล์ต้นฉบับ ขนาด Base64 หลังเข้ารหัส และขนาดพิกเซล ทำให้คุณเห็นขนาดที่เพิ่มขึ้นประมาณ 33% ก่อนนำไปฝังใช้งาน
- •ส่งออกเป็นชุดในรูปแบบ TXT, JSON, HTML, CSS หรือไฟล์ ZIP — ทำงานทั้งหมดฝั่งไคลเอนต์ รูปภาพของคุณจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์เลย
เมื่อใดที่คุณควรแปลงรูปภาพเป็น Base64
- •ฝังไอคอนหรือโลโก้ขนาดเล็กลงใน HTML/CSS โดยตรงในรูปแบบ data URI เพื่อประหยัดคำขอ HTTP หนึ่งครั้ง
- •สร้าง payload ของ JSON API หรือไฟล์การตั้งค่าที่นำข้อมูลรูปภาพไปฝังในตัวแทนที่จะใช้ URL แยกต่างหาก
- •สร้างลายเซ็นอีเมลหรือเทมเพลตอีเมลแบบธุรกรรมที่มีรูปภาพฝังอยู่ภายใน เนื่องจากโปรแกรมอีเมลจำนวนมากบล็อกการโหลดรูปภาพจากภายนอก
- •สร้าง data URI สำหรับ CSS background-image ให้กับดีไซน์ระบบหรือใช้แทนสไปรต์ไอคอน
- •เข้ารหัสชุดภาพหน้าจอหรือภาพขนาดย่อเป็นชุดสำหรับเอกสารที่ต้องส่งมอบเป็นไฟล์เดียวที่สมบูรณ์ในตัวเอง
วิธีแปลงรูปภาพเป็น Base64
- 1.ลากและวางรูปภาพหนึ่งรูปหรือหลายรูปลงในพื้นที่อัปโหลด หรือคลิก "เลือกไฟล์"
- 2.เลือกรูปแบบเอาต์พุต: Base64 ดิบ, data URI, แท็ก <img>, พื้นหลัง CSS หรือ Markdown
- 3.เปิดการขึ้นบรรทัดใหม่หากคุณต้องการการตัดบรรทัดแบบ MIME ทุก 76 ตัวอักษร
- 4.คัดลอกผลลัพธ์สำหรับรูปภาพเดียว หรือใช้ "ส่งออกทั้งหมด" เพื่อดาวน์โหลดรูปภาพที่แปลงแล้วทั้งหมดเป็น TXT, JSON, HTML, CSS หรือ ZIP
กรณีขอบเขตที่ควรรู้
- •การเข้ารหัส Base64 จะเพิ่มขนาดไฟล์ประมาณ 33% — PNG ขนาด 300 KB จะกลายเป็นสตริงขนาดประมาณ 400 KB ซึ่งสำคัญมากสำหรับชุดข้อมูลขนาดใหญ่ที่ฝังแบบอินไลน์
- •ไฟล์ SVG เป็นข้อความอยู่แล้ว การเข้ารหัสเป็น Base64 มักไม่ได้เล็กกว่าการฝังโค้ด SVG ดิบโดยตรง
- •ไฟล์ที่เกินขีดจำกัด 10 MB ต่อไฟล์จะถูกปฏิเสธพร้อมข้อผิดพลาด แทนที่จะถูกตัดทอนอย่างเงียบๆ
- •AVIF และ ICO บางรูปแบบอาจแสดงผลไม่เหมือนกันในแต่ละเบราว์เซอร์ แม้ว่าการเข้ารหัส Base64 เองจะถูกต้องก็ตาม
ข้อจำกัด
- •ไม่มีการปรับขนาดหรือบีบอัดฝั่งเซิร์ฟเวอร์ก่อนการเข้ารหัส — ควรปรับแต่งรูปภาพขนาดใหญ่ล่วงหน้าหากต้องการสตริงเอาต์พุตที่เล็กลง
- •ชุดข้อมูลขนาดใหญ่มาก (ไฟล์ขนาดใหญ่จำนวนมากพร้อมกัน) อาจสร้างภาระให้หน่วยความจำเบราว์เซอร์ เนื่องจากทุกอย่างถูกเก็บและเข้ารหัสฝั่งไคลเอนต์
- •การส่งออก ZIP เป็นเพียงการบรรจุไฟล์ต้นฉบับใหม่ ไม่ได้บีบอัดซ้ำหรือแปลงรูปแบบ
ต้องการแปลงกลับทิศทางหรือไม่?
หากคุณมีสตริง Base64 หรือ data URI อยู่แล้ว — จากการตอบกลับ API, ไฟล์ CSS หรือการตั้งค่าที่บันทึกไว้ — และต้องการดูหรือดาวน์โหลดเป็นไฟล์รูปภาพจริง ให้ใช้ตัวแปลง Base64 เป็นรูปภาพแทน ซึ่งจะตรวจจับประเภท MIME โดยอัตโนมัติ และให้คุณดูตัวอย่างพร้อมดาวน์โหลดรูปภาพที่ถอดรหัสแล้วได้