รูปภาพเป็น Base64

อัปโหลดรูปภาพและแปลงเป็นสตริงเข้ารหัส Base64,รองรับคัดลอกหรือดาวน์โหลดผลลัพธ์

1163 次使用 | 5.0 评分

อัปโหลดรูปภาพ

57:
60:
65:
68:

ลากและวางรูปภาพที่นี่,หรือ

94:

ผลลัพธ์การแปลง

ยังไม่ประมวลผล

โปรดอัปโหลดและแปลงรูปภาพเพื่อดูผลลัพธ์

คำแนะนำการใช้งาน

1

เลือกรูปแบบเอาต์พุต

เลือกที่จะรวมคำนำหน้า data:image หรือไม่,เลือกรูปแบบที่เหมาะสมตามความต้องการ。

2

อัปโหลดรูปภาพ

ลากและวางรูปภาพไปยังพื้นที่อัปโหลดหรือคลิกปุ่มเรียกรูปภาพเพื่อเลือกภาพ。

3

แปลงรูปภาพ

คลิกปุ่ม"แปลงเป็น Base64",ระบบจะแปลงรูปภาพเป็นรหัส Base64。

4

คัดลอกหรือดาวน์โหลดผลลัพธ์

หลังจากแปลงเสร็จสิ้น,สามารถคัดลอกรหัส Base64 หรือดาวน์โหลดเป็นไฟล์ข้อความ。

5

ดูตัวอย่างรูปภาพ

สามารถดูตัวอย่างผลลัพธ์ของรูปภาพที่ถูกย้อนกลับมาจากรหัส Base64。

ข้อมูลพื้นฐานเกี่ยวกับ Base64

Base64 คืออะไร?

Base64 เป็นวิธีการเข้ารหัสที่ใช้อักขระพิมพ์ได้ 64 ตัวในการแสดงข้อมูลไบนารี。มันมักใช้ในสถานการณ์ที่ต้องถ่ายโอนข้อมูลไบนารีผ่านโปรโตคอลข้อความ,เช่นการฝังรูปภาพใน HTML、CSS、JavaScript หรือการส่งเนื้อหาไบนารีในคำขอ HTTP。

สถานการณ์การ应用ของการแปลงรูปภาพเป็น Base64

พัฒนาเว็บไซต์

ฝังรูปภาพเล็กโดยตรงใน HTML/CSS ลดคำขอ HTTP และเพิ่มความเร็วในการโหลดหน้าเว็บ。โดยเฉพาะอย่างยิ่งเหมาะสำหรับไอคอน、ภาพตกแต่งเล็ก ๆ ฯลฯ。

การถ่ายโอนข้อมูล

ถ่ายโอนข้อมูลรูปภาพในโปรโตคอลที่สนับสนุนเฉพาะข้อความ,เช่น JSON API、XML data、ไฟล์แนบอีเมลฯลฯ。

การจัดเก็บข้อมูล

เก็บรูปภาพโดยตรงในรูปแบบข้อความ,ที่สะดวกสำหรับเก็บในฐานข้อมูล、ไฟล์กำหนดค่า或เอกสารข้อความธรรมดา。

การถ่ายโอนที่ปลอดภัย

ใช้ในสถานการณ์ที่ต้องถ่ายโอนข้อมูลไบนารีอย่างปลอดภัย,เช่นการเข้ารหัสข้อมูลการยืนยันตัวตน HTTP Basic Authentication。

เกี่ยวกับคำนำหน้า data:image

รูปภาพที่เข้ารหัส Base64 สามารถรวมหรือไม่รวมคำนำหน้า,ทั้งสองมีจุดประสงค์ที่แตกต่างกัน:

包含前缀 (data:image/jpeg;base64,)

สามารถใช้โดยตรงในแอตทริบิวต์ src ของแท็ก img ใน HTML หรือแอตทริบิวต์ background-image ใน CSS,เบราว์เซอร์จะสามารถระบุและแสดงรูปภาพได้อย่างถูกต้อง。

ไม่รวมคำนำหน้า

เหมาะสำหรับสถานการณ์ที่ต้องเพิ่มคำนำหน้าเองหรือใช้ในระบบเฉพาะ,เช่นคำขอ API บางอย่าง、การจัดเก็บฐานข้อมูล ฯลฯ。

ข้อดีและข้อเสียของการเข้ารหัส Base64

ข้อดี

  • ลดจำนวนคำขอ HTTP,เพิ่มความเร็วในการโหลดรูปภาพเล็ก ๆ
  • สามารถฝังลงในรูปแบบข้อความธรรมดา,ที่สะดวกสำหรับการแลกเปลี่ยนข้อมูล
  • ไม่ต้องอ้างอิงไฟล์เพิ่มเติม,ทำให้โครงสร้างโปรเจกต์ง่ายขึ้น
  • หลีกเลี่ยงปัญหาการข้ามโดเมนและปัญหาการแคชรูปภาพ

ข้อเสีย

  • ปริมาณข้อมูลหลังเข้ารหัสจะเพิ่มประมาณ 33%,ไม่เหมาะสำหรับรูปภาพขนาดใหญ่
  • ไม่สามารถแคชแยกกัน,ทุกครั้งเมื่อโหลดหน้าเว็บก็จำเป็นต้อง解析ใหม่
  • จะเพิ่มขนาดของไฟล์ HTML/CSS/JS
  • ไม่เหมาะสำหรับรูปภาพที่มีการอัปเดตบ่อย,การแก้ไขจำเป็นต้องเข้ารหัสใหม่

เคล็ดลับการ使用

  • สำหรับรูปภาพเล็กที่มีขนาดน้อยกว่า 10KB(เช่นไอคอน、ปุ่มเล็ก ๆ),การแปลงเป็น Base64 สามารถเพิ่มประสิทธิภาพหน้าเว็บ;สำหรับรูปภาพใหญ่,แนะนำให้ใช้ไฟล์รูปภาพแยกกัน。
  • ในการพัฒนาเว็บไซต์,สามารถใช้รูปแบบ url(data:image/...) ของ CSS เพื่อฝังรูปภาพ Base64,หรือใช้โดยตรงในแอตทริบิวต์ src ของแท็ก img ใน HTML。
  • หากต้องการส่งรูปภาพ Base64 ในข้อมูล JSON,แนะนำให้บีบอัดรูปภาพก่อนแล้วจึงเข้ารหัส,เพื่อลดขนาดของข้อมูล。
  • รหัส Base64 ที่รวมคำนำหน้าสามารถวางตรงในแถบที่อยู่ของเบราว์เซอร์เพื่อดูผลลัพธ์รูปภาพ,ที่สะดวกสำหรับการตรวจสอบอย่างรวดเร็ว。
ส่งเสริม

推荐工具

เครื่องมือรู้จำข้อความ OCR รูปภาพ - แยกข้อความจากรูปภาพออนไลน์

เครื่องมือรู้จำข้อความ OCR รูปภาพออนไลน์ฟรี รองรับการแยกข้อความจากรูปภาพในรูปแบบ JPG, PNG และอื่น ๆ และสามารถรู้จำหลายภาษา เช่น ภาษาจีนและภาษาอังกฤษ

เครื่องมือแยก GIF - แปลงไฟล์ GIF เป็นรูปภาพเฟรมหลาย ๆ ภาพ

เครื่องมือแยก GIF ออนไลน์ฟรี แปลงไฟล์อนิเมชั่น GIF เป็นรูปภาพเฟรมหลาย ๆ ภาพ รองรับดาวน์โหลดเฟรมทั้งหมด ทำงานแบบออฟไลน์เต็มรูปแบบ ข้อมูล 100% ปลอดภัย

เครื่องมือแปลงรูปภาพเป็น Favicon - สร้างไอคอนเว็บไซต์ออนไลน์

เครื่องมือแปลงรูปภาพเป็น Favicon ออนไลน์ฟรี รองรับแปลงรูปภาพรูปแบบ JPG, PNG, GIF และอื่นๆ เป็นไอคอน favicon รูปแบบ ICO พร้อมปรับแต่งขนาดและรูปแบบได้

เครื่องสร้างโค้ด QR - สร้างโค้ด QR ออนไลน์

เครื่องมือสร้างโค้ด QR ออนไลน์ - แพลตฟอร์มสร้างโค้ด QR ที่มีประสิทธิภาพ สามารถแปลงเนื้อหา เช่น ข้อความ、ลิงก์เว็บไซต์、ข้อมูลติดต่อ เป็นโค้ด QR ได้ด้วยการคลิกเดียว

เครื่องมือปรับขนาดภาพ - ปรับขนาดภาพจำนวนมากออนไลน์

เครื่องมือปรับขนาดภาพออนไลน์ฟรี รองรับการอัปโหลดภาพหลายภาพเป็นชุดและปรับขนาด พร้อมพารามิเตอร์ที่สามารถปรับแต่งได้ เช่น ความกว้าง ความสูง อัตราส่วนการขยาย/ลดขนาด ฯลฯ