แปลงรูปภาพเป็น Base64คืออะไร?

แปลงรูปภาพเป็น Base64 ฟรีออนไลน์ อัปโหลดหรือลากและวางรูปภาพ (PNG, JPG, GIF, WebP, SVG, BMP) เพื่อแปลงเป็น Data URI Base64

การเข้ารหัส Base64 แปลงข้อมูลรูปภาพแบบไบนารีให้เป็นสตริงข้อความที่ใช้เฉพาะอักขระ ASCII ทำให้สามารถฝังรูปภาพลงใน HTML CSS และ JSON ได้โดยตรงโดยไม่ต้องมีคำขอ HTTP แยกต่างหาก เครื่องมือแปลงภาพเป็น Base64 จัดการการแปลงนี้สำหรับรูปแบบรูปภาพทั่วไป — PNG, JPG, GIF, WebP, SVG และ BMP — โดยให้ผลลัพธ์ในสามรูปแบบที่มีประโยชน์

เครื่องมือรองรับการรับรูปภาพผ่านการลากและวางหรือตัวเลือกไฟล์ เมื่อโหลดแล้ว ตัวอย่างรูปภาพจะแสดงไฟล์ที่อัปโหลดพร้อมข้อมูลเมตา: ชื่อไฟล์ ขนาด ประเภท และขนาดเป็นพิกเซล ข้อมูลนี้ช่วยให้คุณตรวจสอบว่ากำลังทำงานกับรูปภาพที่ถูกต้องก่อนการแปลง การแปลงเกิดขึ้นในเบราว์เซอร์ของคุณโดยใช้ FileReader API ทั้งหมด ดังนั้นข้อมูลรูปภาพจึงไม่เคยออกจากอุปกรณ์ของคุณ

มีสามรูปแบบผลลัพธ์ให้เลือก Data URI สร้างสตริงที่สมบูรณ์ที่ขึ้นต้นด้วย data:image/png;base64,... ซึ่งสามารถใช้ได้โดยตรงในแอตทริบิวต์ src ของ HTML img และคุณสมบัติ background-image ของ CSS Raw Base64 ส่งออกเฉพาะสตริงที่เข้ารหัสด้วย base64 โดยไม่มีคำนำหน้า data URI เหมาะเมื่อคุณต้องการเฉพาะข้อมูลที่เข้ารหัสสำหรับ payload ของ API หรือการจัดเก็บในฐานข้อมูล รูปแบบ CSS ห่อหุ้ม data URI ไว้ในคำสั่ง background-image: url(...) ที่พร้อมใช้งานทันที

การเข้ารหัส Base64 เพิ่มขนาดไฟล์ประมาณ 33% เมื่อเทียบกับไบนารีดั้งเดิม ทำให้เหมาะสำหรับรูปภาพขนาดเล็ก เช่น ไอคอน โลโก้ และภาพย่อ (โดยทั่วไปขนาดต้นฉบับต่ำกว่า 100 KB) สำหรับรูปภาพขนาดใหญ่ สตริง Base64 ที่ได้จะยาวมากและอาจเกินขีดจำกัดความยาว URL ในบางบริบท เครื่องมือนี้เหมาะที่สุดสำหรับการฝังแบบอินไลน์ที่การลดจำนวนคำขอ HTTP สำคัญกว่าการลดขนาดไฟล์

ตัวอย่างการใช้งานจริงของ แปลงรูปภาพเป็น Base64

ฝังไอคอนใน CSS สำหรับเว็บไซต์

คุณมีไอคอน PNG ขนาด 32×32 และต้องการใช้เป็น background-image ใน CSS เพื่อหลีกเลี่ยงคำขอ HTTP พิเศษ ลาก PNG ลงในตัวแปลง คัดลอกผลลัพธ์ในรูปแบบ CSS แล้ววางลงใน stylesheet ของคุณโดยตรง ตอนนี้ไอคอนถูกฝังแบบอินไลน์แล้วโดยไม่ต้องใช้ไฟล์รูปภาพแยกหรือคำขอผ่านเครือข่าย

ส่งรูปภาพใน payload JSON ของ API

API ของคุณยอมรับรูปโปรไฟล์ที่ผู้ใช้อัปโหลดเป็นสตริง Base64 ใน JSON อัปโหลดหรือลากรูปภาพลงในตัวแปลงแล้วคัดลอกผลลัพธ์ Raw Base64 ใส่ลงใน payload JSON ของคุณในรูปแบบ {"avatar": "base64_encoded_string..."} เซิร์ฟเวอร์จะถอดรหัสกลับเป็นไบนารีเพื่อจัดเก็บ

สร้างลายเซ็นอีเมล HTML พร้อมโลโก้แบบอินไลน์

อีเมล HTML มักบล็อกการดาวน์โหลดรูปภาพภายนอกตามค่าเริ่มต้น ฝังโลโก้บริษัทของคุณลงใน HTML ของอีเมลโดยตรงโดยใช้ Data URI แบบ Base64 แปลงรูปโลโก้ คัดลอกผลลัพธ์รูปแบบ Data URI แล้วกำหนดเป็นแอตทริบิวต์ src ของแท็ก img ของคุณ โลโก้จะแสดงผลแม้เมื่อบล็อกรูปภาพ

ทำไมต้องใช้ แปลงรูปภาพเป็น Base64?

  • อัปโหลดรูปภาพแบบลากและวาง
  • Output as Data URI, raw Base64, or CSS background
  • แสดงfile info: name, size, type, dimensions
  • รองรับPNG, JPG, GIF, WebP, SVG, BMP

วิธีใช้ แปลงรูปภาพเป็น Base64 — ทีละขั้นตอน

1

Drag and drop an image or click to upload.

2

ดูimage preview and file info (size, type, dimensions).

3

เลือกoutput format: Data URI, Raw Base64, or CSS.

4

คัดลอกผลลัพธ์ ถึง ของคุณ clipboard.

แปลงรูปภาพเป็น Base64เหมาะกับใคร?

  • inline images
  • CSS embedding
  • ข้อมูล URI
  • API payloads

เคล็ดลับมือโปรสำหรับ แปลงรูปภาพเป็น Base64

  • 1ใช้ data URI เฉพาะรูปภาพขนาดเล็ก (ต้นฉบับต่ำกว่า 100 KB) สำหรับรูปภาพขนาดใหญ่ สตริง Base64 จะยาวมากและอาจทำให้ประสิทธิภาพการโหลดหน้าเสื่อมลง
  • 2ไฟล์ SVG ยังสามารถเข้ารหัสด้วย base64 ได้ แต่การฝัง SVG ในรูปแบบมาร์กอัป SVG (แบบอินไลน์) มักดีกว่า Base64 เพราะเบราว์เซอร์สามารถแยกวิเคราะห์และจัดสไตล์องค์ประกอบ SVG ได้ทีละรายการ
  • 3ผลลัพธ์ในรูปแบบ CSS background-image พร้อมวางลงใน stylesheet ได้ทันที นี่คือขั้นตอนการทำงานที่เร็วที่สุดสำหรับการฝังไอคอนและภาพตกแต่งโดยไม่ต้องสร้างไฟล์สไปรต์แยก
  • 4ระวังขีดจำกัดความยาว URL: CDN และพร็อกซีบางตัวมีขีดจำกัดความยาว URL สูงสุด (โดยทั่วไป 2048 ถึง 8192 อักขระ) data URI ที่ยาวมากอาจถูกตัดทอนโดยตัวกลางเหล่านี้

แปลงรูปภาพเป็น Base64 — คำถามที่พบบ่อย

What is a Base64 data URI?

A data URI embeds the image data directly in a URL string (data:image/png;base64,...). This allows images to be inlined in HTML, CSS, or JSON without a separate HTTP request.

Is there a file size limit?

There is no hard limit, but very large images will produce very long Base64 strings. For web performance, consider using data URIs only for small images like icons and sprites.

What is the maximum file size I can convert?

Most conversions handle files up to 50MB. The exact limit depends on your device's available memory since all processing is local.

Does the converter preserve formatting and special characters?

Yes. The converter handles Unicode characters, special symbols, and formatting where applicable. For structured formats like CSV, column mapping is preserved.

Is แปลงรูปภาพเป็น Base64 really free to use?

Yes, แปลงรูปภาพเป็น Base64 is completely free with no hidden charges, no usage limits, and no premium tiers. You can use it as often as you need without signing up or providing any personal information.

พร้อมใช้ แปลงรูปภาพเป็น Base64 หรือยัง?

เครื่องมือออนไลน์ฟรี — ทำงานในเบราว์เซอร์ของคุณ ไม่ต้องสมัคร เริ่มใช้ได้เลยตอนนี้

ลองเลย
Free Forever · No Sign-up

182 Free Tools at Your Fingertips

All free online tools for developers, designers, students, and creators. Every tool works in your browser — no sign-up, no data collection.