แปลงรูปภาพเป็น Base64
วางรูปภาพด้านล่างเพื่อเข้ารหัสเป็น Base64 ทันที — ทุกอย่างทำงานในเบราว์เซอร์ ไม่มีการอัปโหลดไปยังเซิร์ฟเวอร์
ลากและวางรูปภาพที่นี่
หรือคลิกเพื่อเลือก — คุณยังสามารถวางจากคลิปบอร์ดได้
เลือกรูปภาพ
สตริง Base64 ของคุณจะปรากฏที่นี่เมื่อคุณเพิ่มรูปภาพ
เกี่ยวกับ แปลงรูปภาพเป็น Base64
เครื่องมือแปลงรูปภาพเป็น Base64 จะเข้ารหัสรูปภาพใด ๆ ให้เป็นสตริง Base64 หรือ data URI ที่พร้อมใช้งานทันที ทั้งหมดในเบราว์เซอร์ของคุณ ลากไฟล์มาวางในโซนวาง เรียกดูไฟล์ หรือวางรูปภาพจากคลิปบอร์ดโดยตรง — ผลลัพธ์ที่เข้ารหัสจะปรากฏทันที พร้อมภาพตัวอย่าง
คุณเลือกได้ระหว่าง Base64 ดิบ (เพียงไบต์ที่เข้ารหัส) กับ data URI แบบเต็มรูปแบบ data:image/…;base64,… ซึ่งสามารถวางลงใน CSS background-image, HTML img src หรือข้อมูล JSON ได้โดยตรง แผงรายละเอียดจะรายงานชื่อไฟล์ ประเภท MIME ขนาดพิกเซล ขนาดต้นฉบับ และขนาดที่เข้ารหัสแล้ว
เนื่องจากไฟล์ถูกอ่านในเครื่องด้วย FileReader API จึงไม่มีสิ่งใดถูกอัปโหลดไปยังเซิร์ฟเวอร์ใด ๆ ซึ่งมีประโยชน์เมื่อรูปภาพเป็นโลโก้ ภาพหน้าจอของแดชบอร์ดภายในองค์กร หรือสินทรัพย์อื่นใดที่คุณไม่ต้องการมอบให้บุคคลที่สาม
วิธีใช้ แปลงรูปภาพเป็น Base64
- ลากและวางรูปภาพลงบนหน้าเว็บ คลิกเพื่อเรียกดู หรือวางจากคลิปบอร์ดของคุณ
- เลือกรูปแบบผลลัพธ์: Base64 ดิบ หรือ data URI
- ตรวจสอบภาพตัวอย่างและรายละเอียดของรูปภาพ (ประเภท ขนาด ขนาดต้นฉบับเทียบกับขนาดที่เข้ารหัส)
- คลิก Copy Base64 เพื่อคัดลอกสตริงไปใช้ใน CSS, HTML หรือ JSON ของคุณ
คำถามที่พบบ่อย
ไม่ ไฟล์ถูกอ่านและเข้ารหัสในเครื่องบนเบราว์เซอร์ของคุณด้วย FileReader API ไฟล์ไม่เคยแตะเซิร์ฟเวอร์เลย ซึ่งเป็นเหตุผลที่ผลลัพธ์ปรากฏขึ้นทันทีแม้กับรูปภาพขนาดใหญ่
ใช่ ฟรีและไม่มีข้อจำกัดว่าคุณจะแปลงรูปภาพได้กี่รูป
การฝังเหมาะกับสินทรัพย์ขนาดเล็ก — ไอคอน โลโก้ขนาดจิ๋ว รูปภาพในอีเมล — ที่การประหยัดคำขอ HTTP สำคัญกว่าประสิทธิภาพของแคช ภาพถ่ายขนาดใหญ่ควรให้บริการเป็นไฟล์ปกติจะดีกว่า เนื่องจาก Base64 ยังปิดการแคชแบบอิสระด้วย
Base64 แทนทุก 3 ไบต์ด้วยอักขระ ASCII 4 ตัว ดังนั้นสตริงที่เข้ารหัสจึงมีขนาดใหญ่กว่าไฟล์ต้นฉบับประมาณ 33% แผงรายละเอียดแสดงขนาดทั้งสองแบบเพื่อให้คุณตัดสินใจเรื่องข้อดีข้อเสียได้
Base64 ดิบคือเพียงไบต์ที่เข้ารหัส — มีประโยชน์สำหรับ API และฟิลด์ JSON ส่วน data URI จะห่อไบต์เหล่านั้นด้วยคำนำหน้าประเภท MIME (data:image/png;base64,…) ทำให้เบราว์เซอร์แสดงผลได้โดยตรงในแอตทริบิวต์ src และค่า url() ของ CSS
การค้นหายอดนิยม
รูปภาพเป็น Base64
ตัวเข้ารหัสภาพ Base64
data-URI ของรูปภาพ
แปลงรูปภาพ Base64
PNG เป็น Base64
รูปภาพฝังตัว Base64
ต้องการความช่วยเหลือ?
พบปัญหากับเครื่องมือนี้หรือไม่? แจ้งทีมงานของเรา