Base64 to Image
Base64 to Image — ทำงานในเบราว์เซอร์ ไม่บันทึกข้อมูล
Base64 → รูป
กรอกค่า แล้วกดคำนวณ
ดูตัวอย่าง
ค่าที่วางถอดรหัสในเบราว์เซอร์เท่านั้น ไม่ได้อัปโหลดไปเซิร์ฟเวอร์
วิธีใช้
- ในช่องBase64 หรือ data URL ให้วางสตริง
data:image/png;base64,...ทั้งก้อน หรือเฉพาะ Base64 บริสุทธิ์ - กดดูตัวอย่าง สำหรับ Base64 บริสุทธิ์ จะสมมติ data URL แบบ PNG แล้วใส่ใน
img - เมื่อรูปเปิด จะมีประกาศและดาวน์โหลดถูกเปิดใช้นามสกุล (png, jpg, svg เป็นต้น) ตามชนิด MIME
- หากสตริงเสีย พรีวิวล้มเหลวและดาวน์โหลดยังปิดอยู่
- รีเซ็ต ล้างอินพุตและพรีวิว ไฟล์ไม่อัปโหลดไปเซิร์ฟเวอร์
- Base64 ที่มีขึ้นบรรทัดจากอีเมลหรือ JSON จะถูกลองหลังตัดช่องว่างหากนอกนั้นบริสุทธิ์ ดาวน์โหลดปิดจนกว่าพรีวิวจะสำเร็จ ถอดรหัสรูปที่ละเอียดอ่อนเฉพาะในแท็บนี้
แนวคิดหลัก
รูป Base64 ใส่ข้อมูลไบนารีในข้อความสำหรับ HTML, CSS, JSON หรือเนื้อหาอีเมล หากคำนำหน้าเป็นdata:image/…;base64, จะใช้ชนิด MIME นั้นตามเดิม Base64 บริสุทธิ์กลายเป็น data URL แบบ PNG ช่องว่างและขึ้นบรรทัดถูกตัดจากสตริงบริสุทธิ์ จึงวางเพย์โหลดที่ถูกตัดได้ นอกจากนี้ยังพรีวิวพื้นหลัง CSS อินไลน์หรือไอคอนเล็กโดยไม่ต้องเซิร์ฟเวอร์
พรีวิวและดาวน์โหลดใช้ data URL ในหน่วยความจำ จึงไม่มีไฟล์ถูกสร้างบนเซิร์ฟเวอร์ เมื่อรูปเปิด ดาวน์โหลดจะเปิด และนามสกุลตาม MIME (png, jpg, svg, …) แพดดิ้งเสียหรือข้อมูลที่ไม่ใช่รูปจะพรีวิวล้มเหลว สตริงใหญ่ใช้หน่วยความจำแท็บมาก จึงเหมาะกับสินทรัพย์เล็ก สกรีนช็อตที่ละเอียดอ่อนก็ไม่ออกจากแท็บนี้
ตัวอย่าง
วาง Base64 PNG 1×1 สั้นแล้วกดดูตัวอย่าง จะเห็นจุดเล็ก ชื่อไฟล์ดาวน์โหลดคือimage.png สตริงยาวที่ขึ้นต้นdata:image/jpeg;base64, เรนเดอร์เป็น JPEG และบันทึกเป็น jpg data URL แบบ SVG แสดงเป็นเวกเตอร์หากเบราว์เซอร์รองรับ สำหรับ Base64 ที่ถูกตัดหลายบรรทัดในอีเมล ให้วางแล้วดูตัวอย่างเพื่อยืนยันว่าตัดช่องว่างแล้ว หากเห็นประกาศล้มเหลว ให้คัดลอก data URL ต้นฉบับใหม่และตรวจว่าแพดดิ้งเครื่องหมายเท่ากับถูกตัดหรือไม่
ที่เกี่ยวข้อง: รูปภาพ → Base64 · ตัวเข้ารหัส URL · ตัวแปลง RGB HEX
คำถามที่พบบ่อย
แปลง Base64 เป็นรูปอย่างไร?
วางสตริงแล้วกดดูตัวอย่าง หากไม่ขึ้นต้นด้วย<code>data:image/</code> จะสมมติ data URL แบบ PNG แล้วแสดง
วาง Base64 บริสุทธิ์โดยไม่มี data URL ได้หรือไม่?
ได้ หลังตัดช่องว่างและขึ้นบรรทัด จะเติม<code>data:image/png;base64,</code> ข้างหน้าแล้วใส่ใน<code>img</code>
ดาวน์โหลดรูป Base64ใช้นามสกุลอะไร?
ตามชนิด MIME ของ data URL jpeg กลายเป็น jpg; svg+xml กลายเป็น svg Base64 บริสุทธิ์บันทึกเป็น png
ถ้าไม่มีรูปแสดงต้องทำอย่างไร?
แพดดิ้งขาด (<code>=</code>) สตริงถูกตัด MIME ที่ไม่ใช่รูป หรือคำนำหน้าผิด คัดลอก data URL ต้นฉบับใหม่
พรีวิว Base64 ของ JPG, GIF และ WebP ได้หรือไม่?
<code>data:image/…</code> ที่ถูกต้องในรูปแบบที่เบราว์เซอร์รองรับจะแสดง ดาวน์โหลดใช้นามสกุลที่ตรง MIME นั้น
รูป Base64 ถูกบันทึกบนเซิร์ฟเวอร์หรือไม่?
ไม่ พรีวิวและลิงก์ดาวน์โหลดใช้ data URL ในหน่วยความจำของแท็บนี้เท่านั้น และไม่เขียนลงดิสก์เซิร์ฟเวอร์
ตรวจทานล่าสุด: 2026-09-04