ตัวแปลง Base64 เป็นรูปภาพ

ถอดรหัสสตริง Base64 และ data URI กลับเป็นรูปภาพ

อินพุต

รองรับ Base64 และ Data URI กด Ctrl+Enter เพื่อถอดรหัส

เอาต์พุต

รูปภาพที่ถอดรหัสจะปรากฏที่นี่

ภาพรวม

ตัวแปลง Base64 เป็นรูปภาพจะถอดรหัสสตริง Base64 ดิบหรือ data: URI แบบเต็มกลับมาเป็นรูปภาพที่ดูได้และดาวน์โหลดได้ — ทำงานอยู่ในเบราว์เซอร์ของคุณทั้งหมด วางสตริง คลิก "ถอดรหัส" แล้วเครื่องมือจะตรวจจับประเภท MIME ของรูปภาพจาก prefix ของ data URI หรือ magic bytes แสดงตัวอย่างแบบเรียลไทม์ และให้คุณบันทึกเป็นไฟล์ที่ตั้งชื่ออย่างถูกต้อง

สิ่งที่ตัวแปลงนี้ตรวจจับและจัดการ
  • รองรับทั้งสองรูปแบบ: data URI แบบเต็ม data:image/...;base64,... หรือสตริง Base64 ดิบที่ไม่มี prefix
  • ตรวจจับประเภท MIME จาก magic bytes (ลายเซ็นของ PNG, JPEG, GIF, WebP, SVG, BMP, ICO, AVIF) เมื่อไม่มี prefix ของ data URI
  • แสดงตัวอย่างรูปภาพแบบเรียลไทม์ทันทีหลังถอดรหัส ก่อนที่คุณจะตัดสินใจดาวน์โหลด
  • ดาวน์โหลดด้วยคลิกเดียว พร้อมนามสกุลไฟล์ที่ถูกต้องซึ่งอนุมานจากประเภท MIME ที่ตรวจพบ
  • ปุ่มวางจากคลิปบอร์ด พร้อมทางลัด Ctrl+Enter เพื่อถอดรหัสโดยไม่ต้องละมือจากคีย์บอร์ด
  • ข้อความแสดงข้อผิดพลาดที่ชัดเจนและเจาะจงสำหรับข้อมูลนำเข้าที่ผิดรูปแบบ แทนที่จะล้มเหลวแบบเงียบๆ
เมื่อใดที่คุณควรแปลง Base64 เป็นรูปภาพ
  • กู้คืนรูปภาพที่ดูได้จากสตริง Base64 ที่ฝังอยู่ในการตอบกลับ JSON API หรือไฟล์การตั้งค่าที่บันทึกไว้
  • แยกและตรวจสอบรูปภาพที่อยู่เบื้องหลัง CSS background-image หรือ HTML <img src="data:..."> ขณะดีบัก
  • ตรวจสอบว่า payload ของ Base64 ถูกต้องและแสดงผลได้อย่างถูกต้องก่อนส่งต่อไปยังบริการอื่น
  • เปลี่ยน data URI ที่คัดลอกจาก DevTools ของเบราว์เซอร์หรือคอลัมน์ฐานข้อมูลให้เป็นไฟล์ที่ดาวน์โหลดได้
  • ตรวจสอบว่าภาพหน้าจอหรือทรัพยากรที่เข้ารหัสด้วย Base64 มีลักษณะอย่างไรจริงๆ เมื่อตรวจสอบรายงานบั๊กหรือตั๋วสนับสนุน
วิธีแปลง Base64 เป็นรูปภาพ
  1. 1.วางสตริง Base64 ดิบหรือ data: URI แบบเต็มลงในกล่องข้อมูลนำเข้า หรือใช้ปุ่ม "วาง" เพื่ออ่านจากคลิปบอร์ดของคุณ
  2. 2.คลิก "ถอดรหัส" หรือกด Ctrl+Enter (Cmd+Enter บน Mac)
  3. 3.ตรวจสอบตัวอย่างแบบเรียลไทม์และประเภท MIME ที่ตรวจพบทางด้านขวา
  4. 4.คลิก "ดาวน์โหลด" เพื่อบันทึกรูปภาพที่ถอดรหัสแล้วพร้อมนามสกุลไฟล์ที่ถูกต้อง
กรณีขอบเขตที่ควรรู้
  • ข้อมูลนำเข้าที่ผิดรูปแบบ — padding ผิด อักขระไม่ถูกต้อง หรือการคัดลอกวางที่ถูกตัดทอน — จะแสดงข้อผิดพลาด "สตริง Base64 ไม่ถูกต้อง" ที่ชัดเจน แทนที่จะได้รูปภาพที่เสียหาย
  • หากไม่มี prefix ของ data: URI ประเภท MIME จะถูกคาดเดาจากไบต์แรกๆ ที่ถอดรหัสแล้ว ซึ่ง payload ที่ถูกตัดทอนหรือผิดปกติอาจทำให้การตรวจจับล้มเหลว
  • สตริง Base64 ที่ยาวมาก (รูปภาพขนาดหลายเมกะไบต์) อาจทำให้กล่องข้อความนำเข้ารู้สึกช้าเมื่อพิมพ์หรือวาง
  • เบราว์เซอร์อาจบล็อกการอ่านคลิปบอร์ดแบบเป็นโปรแกรมเพื่อความเป็นส่วนตัว — หากปุ่ม "วาง" ไม่ทำงาน ให้วางด้วยตนเองด้วย Ctrl+V/Cmd+V
ข้อจำกัด
  • ถอดรหัสได้ครั้งละหนึ่งสตริงเท่านั้น ไม่มีโหมดถอดรหัสแบบชุดหรือจำนวนมาก
  • เครื่องมือนี้ตรวจสอบลายเซ็น MIME และไวยากรณ์ของ Base64 แต่ไม่สามารถซ่อมแซม payload ที่ถูกตัดทอนหรือเสียหายได้
  • รูปภาพขนาดใหญ่มากที่วางเป็นข้อความอาจเกินขีดความสามารถของหน่วยความจำเบราว์เซอร์และประสิทธิภาพการแก้ไขที่เหมาะสม
ต้องการแปลงกลับทิศทางหรือไม่?

หากคุณเริ่มต้นจากไฟล์รูปภาพจริงและต้องการสตริง Base64 หรือ data URI เพื่อฝังลงใน HTML, CSS หรือ payload ของ JSON ให้ใช้ตัวแปลงรูปภาพเป็น Base64 แทน ซึ่งรองรับการเข้ารหัสเป็นชุดแบบลากและวางพร้อมรูปแบบเอาต์พุตหลายแบบ