Go Toolstack

แปลงไฟล์เป็น Base64 Data URI

เข้ารหัสไฟล์รูปภาพ เอกสาร หรือไบนารีเป็นสตริง Base64 และ Data URI สำหรับ HTML/CSS

แปลงไฟล์เป็น Base64 Data URI

เข้ารหัสไฟล์รูปภาพ เอกสาร หรือไบนารีเป็นสตริง Base64 และ Data URI สำหรับ HTML/CSS

วิธีการทำงาน

1
Select Your File
Choose the file you want to process; your data is processed locally without uploads.
2
Configure Options
Adjust conversion, compression, or processing settings to suit your needs.
3
Process & Download
Run the task client-side in your browser and download the processed result.

Discover more client side utilities in this category

ศูนย์เครื่องมือนักพัฒนา • เวิร์กโฟลว์และคู่มือเปรียบเทียบ

สำรวจเครื่องมือเครื่องมือนักพัฒนาทั้งหมด ขีดจำกัดของเบราว์เซอร์ และคู่มือการเลือกเครื่องมือ

สำรวจศูนย์ →
จัดรูปแบบ ตรวจสอบ และทำความสะอาด JSON

จัดรูปแบบ บีบอัด และตรวจสอบข้อมูล JSON ด้วยความแม่นยำ 64-bit และกฎ JSON Schema (Draft-07 / 2020-12)
เข้ารหัสและถอดรหัส Base64

แปลงข้อความและข้อมูลระหว่างข้อความธรรมดากับ Base64 รองรับ UTF-8 ภาษาไทย และรูปแบบ URL-Safe
จัดรูปแบบ SQL

จัดรูปแบบแบบสอบถาม SQL ปรับเยื้องและจัดระเบียบคำสั่ง รองรับหลายไดอะเลกต์

คู่มือบล็อกที่เกี่ยวข้อง

คู่มือทางเทคนิค การแก้ไขปัญหา และขั้นตอนการปฏิบัติที่ดีที่สุด

เครื่องมือนักพัฒนา • ~4 นาทีในการอ่าน

ข้อผิดพลาดไวยากรณ์ JSON ที่พบบ่อย: การตรวจสอบโครงสร้าง คอมมาเกิน และตัวเลข 64-bit | GoToolstack

ทำความเข้าใจข้อผิดพลาดไวยากรณ์ JSON ตามมาตรฐาน RFC 8259 วิธีแก้ไขคอมมาตัวสุดท้าย (Trailing Comma) การใช้เครื่องหมายคำพูดเดี่ยว และการจัดการตัวเลขความแม่นยำสูง 64-bit BigInt

อ่านคู่มือ →
เครื่องมือนักพัฒนา • ~4 นาทีในการอ่าน

ทำไมไฟล์ CSV เปิดใน Excel แล้วสระภาษาไทยเพี้ยนและเลข 0 หาย? วิธีแก้ปัญหา BOM และตัวคั่น | GoToolstack

เจาะลึกสาเหตุที่ไฟล์ CSV แสดงภาษาไทยเพี้ยนใน Microsoft Excel ปัญหาการขาด UTF-8 BOM ตัวคั่นจุลภาคเทียบกับเซมิโคลอน และวิธีป้องกันไม่ให้เลข 0 นำหน้าในรหัสสินค้าหรือเบอร์โทรศัพท์สูญหาย

อ่านคู่มือ →
ศูนย์ความรู้และแนวคิด

เครื่องมือแปลงไฟล์เป็น Base64 สร้าง Data URI และแปลงไฟล์ไบนารีเป็นข้อความ

การนำไฟล์รูปภาพ ไอคอน เสียง หรือฟอนต์ขนาดเล็กไปฝังลงในโค้ด HTML หรือ CSS โดยตรงโดยไม่ต้องสร้างคำขอเครือข่ายแยกต่างหาก นิยมใช้รูปแบบ Data URI ซึ่งเกิดจากการเข้ารหัสไฟล์ไบนารีเป็นสตริง Base64

เครื่องมือนี้ช่วยให้คุณสามารถเลือกไฟล์จากเครื่อง แล้วแปลงเป็นสตริง Base64 และรูปแบบ Data URI ที่พร้อมใช้งานได้ทันที (เช่น data:image/png;base64,...) รองรับไฟล์ทุกประเภท ทั้งรูปภาพ เอกสาร และไบนารี พร้อมแสดงตัวอย่างและปุ่มคัดลอกไฟล์ในคลิกเดียว ทำงานในเบราว์เซอร์ 100% ปลอดภัยต่อไฟล์ส่วนตัว

สูตรและหลักการทางเทคนิค

Data URI = data:[<mime-type>][;charset=utf-8][;base64],<ข้อมูลเข้ารหัส-base64> ; ขนาดข้อมูลขยายตัว ≈ 33.33%

อ่านบัฟเฟอร์ไฟล์ไบนารีเข้าสู่หน่วยความจำ ระบุส่วนหัว MIME Type และแปลงกลุ่มข้อมูลไบนารี 3 ไบต์เป็นอักขระ ASCII 4 ตัวตามมาตรฐาน RFC 2397

ข้อแนะนำและวิธีปฏิบัติที่ถูกต้อง

  • ใช้ Data URI เฉพาะกับไฟล์ขนาดเล็กเท่านั้น: เนื่องจากการเข้ารหัส Base64 ทำให้ขนาดไฟล์ใหญ่ขึ้นประมาณ 33% จึงควรใช้กับไฟล์ขนาดเล็ก (ไม่เกิน 10-20 KB) เช่น ไอคอน เพื่อหลีกเลี่ยงการทำให้หน้าเว็บโหลดช้า
  • แยกแยะระหว่างสตริง Base64 เปล่าและ Data URI: หากจะนำไปใส่ในแอตทริบิวต์ src ของแท็ก <img> หรือ background-image ของ CSS ต้องใช้รูปแบบ Data URI ที่มีคำนำหน้า MIME Type กำกับไว้
  • ระวังผลกระทบต่อเบราว์เซอร์แคช (Browser Caching): ไฟล์ที่ฝังเป็น Data URI ใน HTML จะไม่สามารถแยกแคชได้อย่างเป็นอิสระเหมือนไฟล์ภาพภายนอก
  • ตรวจสอบ MIME Type ให้ตรงกับเนื้อหาไฟล์: ตรวจสอบว่าระบบระบุ MIME Type (เช่น image/svg+xml หรือ font/woff2) ถูกต้องเพื่อไม่ให้เบราว์เซอร์ตีความไฟล์ผิดพลาด

คำถามที่พบบ่อย (FAQ)

Data URI มีรูปแบบโครงสร้างอย่างไร?
มีโครงสร้างมาตรฐานคือ data:[mediatype][;base64],data เช่น data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA... เพื่อให้เบราว์เซอร์ทราบชนิดของไฟล์และวิธีการถอดรหัส
เหตุใดไฟล์ที่แปลงเป็น Base64 จึงมีขนาดใหญ่กว่าไฟล์ต้นฉบับ?
เพราะ Base64 ใช้ตัวอักษร ASCII ขนาด 8 บิตเพื่อจัดเก็บข้อมูลเพียง 6 บิต ทำให้ทุกๆ 3 ไบต์ของไฟล์เดิมกลายเป็น 4 ตัวอักษร ส่งผลให้ขนาดไฟล์เพิ่มขึ้นประมาณ 33.33%
ไฟล์ของฉันจะถูกอัปโหลดขึ้นเซิร์ฟเวอร์หรือไม่?
ไม่ถูกอัปโหลด การอ่านไฟล์และการแปลงรหัสใช้ FileReader API ภายในเบราว์เซอร์ของคุณ 100% ไฟล์จะไม่หลุดออกนอกอุปกรณ์อย่างแน่นอน
สามารถแปลงไฟล์เสียงหรือเอกสาร PDF เป็น Base64 ได้หรือไม่?
สามารถแปลงได้ทุกนามสกุลไฟล์ ไม่ว่าจะเป็น MP3, WAV, PDF, TTF, WOFF2 หรือไฟล์บิตแมปใดๆ