แปลงรูปภาพเป็น Base64 data URI ทำอย่างไร?

วางหรือเลือกรูปภาพในหน้า Base64 ของ img-tools เพื่อรับ Base64 data: URI ทันที แล้วคลิก Copy เพื่อวางลงใน CSS หรือ HTML ของคุณ ในทางกลับกัน ให้วางสตริง data:image/...;base64,... ลงในกล่องถอดรหัสแล้วคลิก Decode & download เพื่อบันทึกไฟล์ ใช้ฟรีและทำงานในเบราว์เซอร์ของคุณทั้งหมดด้วย Canvas รูปภาพของคุณจึงไม่เคยถูกอัปโหลด

ไฟล์ถูกอัปโหลดไปยังเซิร์ฟเวอร์หรือไม่?

ไม่ ทั้งการเข้ารหัสและถอดรหัสทำงานในเบราว์เซอร์ของคุณทั้งหมด ไฟล์ของคุณไม่เคยออกจากอุปกรณ์

data URI คืออะไร?

data: URI ฝังไฟล์เป็นข้อความแบบอินไลน์ (base64) ดังนั้นคุณจึงสามารถใส่รูปภาพลงใน CSS หรือ HTML ได้โดยตรงโดยไม่ต้องร้องขอแยกต่างหาก

ควรฝังรูปภาพเป็น base64 เมื่อใด?

สำหรับรูปเล็ก (ไอคอน พื้นหลังเล็กๆ) เพื่อประหยัดการร้องขอ รูปใหญ่ดีกว่าเมื่อเป็นไฟล์ปกติ — base64 ใหญ่กว่าไบนารีประมาณ 33%

ถอดรหัส data URI กลับเป็นไฟล์ได้หรือไม่?

ได้ วาง data: URI แล้วคลิกถอดรหัสและดาวน์โหลด ไบต์ต้นฉบับจะถูกสร้างขึ้นใหม่ในเครื่อง

การเข้ารหัสรูปภาพเป็น Base64 Data URI ออนไลน์นี้ฟรีตลอดไปหรือไม่?

ฟรี 100% ตลอดไป ไม่มีค่าธรรมเนียม ไม่ต้องสมัครบัญชี และไม่มีขีดจำกัดจำนวนไฟล์ที่เข้ารหัสหรือถอดรหัส ทั้งการเข้ารหัสและถอดรหัส Base64 ทำงานในเบราว์เซอร์ของคุณทั้งหมดและไม่เคยส่งไฟล์ออกไปยังเซิร์ฟเวอร์ เว็บไซต์มีโฆษณาสนับสนุนและใช้คุกกี้สำหรับโฆษณา

ใช้งานออฟไลน์ได้หรือไม่?

ได้ เครื่องมือทำงานในเครื่องด้วย API ของเบราว์เซอร์และไม่ต้องเชื่อมต่อเซิร์ฟเวอร์

รูปภาพ ⇄ Base64 Data URI

นี่คือเครื่องมือฟรีบนเบราว์เซอร์สำหรับแปลงรูปภาพเป็น base64 data: URI (เพื่อฝังใน CSS/HTML) และถอดรหัส data: URI กลับเป็นไฟล์ที่ดาวน์โหลดได้ ทุกอย่างทำงานบนอุปกรณ์ของคุณ ไฟล์ของคุณไม่เคยถูกอัปโหลด

เข้ารหัสรูปภาพเป็น base64 และถอดรหัส data URI — ฟรี ไม่ต้องอัปโหลด

ฟรี 100% — ตลอดไป ไม่มีค่าธรรมเนียมใดๆ ทั้งสิ้น
ความเป็นส่วนตัว: ไฟล์ถูกประมวลผลในเบราว์เซอร์ของคุณและไม่เคยถูกส่งไปยังเซิร์ฟเวอร์
ไม่ต้องอัปโหลด ไม่ต้องมีบัญชี ไม่ต้องสมัครสมาชิก

เปิดเครื่องมือ
ไปที่หน้า Base64 / Data URI ไม่ต้องสมัครสมาชิก ไม่ต้องติดตั้ง ไม่ต้องอัปโหลด
เข้ารหัสรูปภาพ
วางหรือเลือกรูปเพื่อรับ base64 data: URI ของมัน แล้วคลิกคัดลอกเพื่อใช้ใน CSS หรือ HTML
หรือถอดรหัส data URI
วางสตริง data:image/...;base64,... ลงในกล่องถอดรหัส
ดาวน์โหลดไฟล์
คลิกถอดรหัสและดาวน์โหลดเพื่อบันทึกรูปที่ถอดรหัสแล้ว (และดูตัวอย่าง)

ตัวแปลง base64 / data-URI ฟรีแบบไม่ต้องอัปโหลด ที่ทำงานในเบราว์เซอร์ของคุณทั้งหมด เข้ารหัสรูปใดก็ได้เป็น data: URI หรือถอดรหัสกลับเป็นไฟล์ — ไฟล์ของคุณไม่เคยออกจากอุปกรณ์

แปลงรูปภาพเป็น Base64 data URI ทำอย่างไร?: วางหรือเลือกรูปภาพในหน้า Base64 ของ img-tools เพื่อรับ Base64 data: URI ทันที แล้วคลิก Copy เพื่อวางลงใน CSS หรือ HTML ของคุณ ในทางกลับกัน ให้วางสตริง data:image/...;base64,... ลงในกล่องถอดรหัสแล้วคลิก Decode & download เพื่อบันทึกไฟล์ ใช้ฟรีและทำงานในเบราว์เซอร์ของคุณทั้งหมดด้วย Canvas รูปภาพของคุณจึงไม่เคยถูกอัปโหลด
ไฟล์ถูกอัปโหลดไปยังเซิร์ฟเวอร์หรือไม่?: ไม่ ทั้งการเข้ารหัสและถอดรหัสทำงานในเบราว์เซอร์ของคุณทั้งหมด ไฟล์ของคุณไม่เคยออกจากอุปกรณ์
data URI คืออะไร?: data: URI ฝังไฟล์เป็นข้อความแบบอินไลน์ (base64) ดังนั้นคุณจึงสามารถใส่รูปภาพลงใน CSS หรือ HTML ได้โดยตรงโดยไม่ต้องร้องขอแยกต่างหาก
ควรฝังรูปภาพเป็น base64 เมื่อใด?: สำหรับรูปเล็ก (ไอคอน พื้นหลังเล็กๆ) เพื่อประหยัดการร้องขอ รูปใหญ่ดีกว่าเมื่อเป็นไฟล์ปกติ — base64 ใหญ่กว่าไบนารีประมาณ 33%
ถอดรหัส data URI กลับเป็นไฟล์ได้หรือไม่?: ได้ วาง data: URI แล้วคลิกถอดรหัสและดาวน์โหลด ไบต์ต้นฉบับจะถูกสร้างขึ้นใหม่ในเครื่อง
การเข้ารหัสรูปภาพเป็น Base64 Data URI ออนไลน์นี้ฟรีตลอดไปหรือไม่?: ฟรี 100% ตลอดไป ไม่มีค่าธรรมเนียม ไม่ต้องสมัครบัญชี และไม่มีขีดจำกัดจำนวนไฟล์ที่เข้ารหัสหรือถอดรหัส ทั้งการเข้ารหัสและถอดรหัส Base64 ทำงานในเบราว์เซอร์ของคุณทั้งหมดและไม่เคยส่งไฟล์ออกไปยังเซิร์ฟเวอร์ เว็บไซต์มีโฆษณาสนับสนุนและใช้คุกกี้สำหรับโฆษณา
ใช้งานออฟไลน์ได้หรือไม่?: ได้ เครื่องมือทำงานในเครื่องด้วย API ของเบราว์เซอร์และไม่ต้องเชื่อมต่อเซิร์ฟเวอร์

data: URI (RFC 2397) ฝังเนื้อหาไฟล์แบบอินไลน์ ด้วย ;base64 เพย์โหลดจะถูกเข้ารหัสแบบ base64
การเข้ารหัส Base64 แสดง 3 ไบต์เป็น 4 ตัวอักษร ASCII ทำให้ข้อความใหญ่กว่าไบนารีเดิมประมาณ 33%
การฝังรูปเล็กเป็น data URI ตัดการร้องขอ HTTP ซึ่งสามารถเร่งการแสดงผลครั้งแรกสำหรับแอสเซ็ตขนาดเล็ก
การเข้ารหัสในเครื่องเก็บไฟล์ไว้บนอุปกรณ์ของคุณ — ไม่ต้องอัปโหลด และใช้งานออฟไลน์ได้
Base64 ใช้ตัวอักษร 64 ตัว (A–Z, a–z, 0–9, +, /) พร้อมการเติม =

🧬 รูปภาพ ⇄ Base64 Data URI

รูปภาพ ⇄ Base64 Data URI