รูปภาพเป็น Base64
อัปโหลดรูปภาพและแปลงเป็นสตริงเข้ารหัส Base64,รองรับคัดลอกหรือดาวน์โหลดผลลัพธ์
อัปโหลดรูปภาพ
ลากและวางรูปภาพที่นี่,หรือ
ผลลัพธ์การแปลง
โปรดอัปโหลดและแปลงรูปภาพเพื่อดูผลลัพธ์
คำแนะนำการใช้งาน
เลือกรูปแบบเอาต์พุต
เลือกที่จะรวมคำนำหน้า data:image หรือไม่,เลือกรูปแบบที่เหมาะสมตามความต้องการ。
อัปโหลดรูปภาพ
ลากและวางรูปภาพไปยังพื้นที่อัปโหลดหรือคลิกปุ่มเรียกรูปภาพเพื่อเลือกภาพ。
แปลงรูปภาพ
คลิกปุ่ม"แปลงเป็น Base64",ระบบจะแปลงรูปภาพเป็นรหัส Base64。
คัดลอกหรือดาวน์โหลดผลลัพธ์
หลังจากแปลงเสร็จสิ้น,สามารถคัดลอกรหัส Base64 หรือดาวน์โหลดเป็นไฟล์ข้อความ。
ดูตัวอย่างรูปภาพ
สามารถดูตัวอย่างผลลัพธ์ของรูปภาพที่ถูกย้อนกลับมาจากรหัส Base64。
ข้อมูลพื้นฐานเกี่ยวกับ Base64
Base64 คืออะไร?
Base64 เป็นวิธีการเข้ารหัสที่ใช้อักขระพิมพ์ได้ 64 ตัวในการแสดงข้อมูลไบนารี。มันมักใช้ในสถานการณ์ที่ต้องถ่ายโอนข้อมูลไบนารีผ่านโปรโตคอลข้อความ,เช่นการฝังรูปภาพใน HTML、CSS、JavaScript หรือการส่งเนื้อหาไบนารีในคำขอ HTTP。
สถานการณ์การ应用ของการแปลงรูปภาพเป็น Base64
พัฒนาเว็บไซต์
ฝังรูปภาพเล็กโดยตรงใน HTML/CSS ลดคำขอ HTTP และเพิ่มความเร็วในการโหลดหน้าเว็บ。โดยเฉพาะอย่างยิ่งเหมาะสำหรับไอคอน、ภาพตกแต่งเล็ก ๆ ฯลฯ。
การถ่ายโอนข้อมูล
ถ่ายโอนข้อมูลรูปภาพในโปรโตคอลที่สนับสนุนเฉพาะข้อความ,เช่น JSON API、XML data、ไฟล์แนบอีเมลฯลฯ。
การจัดเก็บข้อมูล
เก็บรูปภาพโดยตรงในรูปแบบข้อความ,ที่สะดวกสำหรับเก็บในฐานข้อมูล、ไฟล์กำหนดค่า或เอกสารข้อความธรรมดา。
การถ่ายโอนที่ปลอดภัย
ใช้ในสถานการณ์ที่ต้องถ่ายโอนข้อมูลไบนารีอย่างปลอดภัย,เช่นการเข้ารหัสข้อมูลการยืนยันตัวตน HTTP Basic Authentication。
เกี่ยวกับคำนำหน้า data:image
รูปภาพที่เข้ารหัส 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 ได้ด้วยการคลิกเดียว
เครื่องมือปรับขนาดภาพ - ปรับขนาดภาพจำนวนมากออนไลน์
เครื่องมือปรับขนาดภาพออนไลน์ฟรี รองรับการอัปโหลดภาพหลายภาพเป็นชุดและปรับขนาด พร้อมพารามิเตอร์ที่สามารถปรับแต่งได้ เช่น ความกว้าง ความสูง อัตราส่วนการขยาย/ลดขนาด ฯลฯ