แปลงรูปภาพเป็น Base64
แปลงรูปภาพเป็นสตริง data: URI
ลากรูปมาวางที่นี่หรือคลิกเพื่อเลือก
JPG, PNG, WebP, GIF, BMP, ICO, SVG หรือ AVIF ไฟล์ถูกประมวลผลในเบราว์เซอร์และไม่ถูกอัปโหลด รูปจะอยู่ในเบราว์เซอร์นี้จนกว่าคุณจะนำออก
Ctrl+OเลือกCtrl+Vวาง
เปลี่ยนรูปเป็นข้อความที่ใส่ลงใน HTML, CSS, JSON หรือ Markdown ได้ทันที วางรูปหนึ่งหรือหลายรูปเพื่อรับ data URI, Base64 ดิบ, กฎ background ของ CSS, แท็ก <img> ของ HTML และรูปภาพแบบ Markdown ของแต่ละรูป ทั้งหมดคัดลอกได้ในคลิกเดียว ไฟล์ถูกอ่านโดยเบราว์เซอร์และไม่ออกจากอุปกรณ์ของคุณ ใช้ฟรีและไม่ต้องสมัครสมาชิก
วิธีแปลงรูปเป็น Base64
- ลากรูปมาวางที่ใดก็ได้บนหน้า วางด้วย Ctrl+V หรือคลิกเพื่อเลือกไฟล์ รูปที่เพิ่มไว้ในเครื่องมือรูปภาพอื่นใดจะอยู่ที่นี่แล้วตามสภาพปัจจุบัน รูปที่ปรับขนาดหรือครอปที่นั่นแล้วนำไปใช้จะให้ data URI ของรูปที่แก้ไขแล้ว รูปตัวอย่างช่วยให้ลองใช้ได้โดยไม่ต้องมีไฟล์
- คลิก Data URI, Base64, CSS, HTML หรือ Markdown ใต้รูปเพื่อคัดลอกโค้ดนั้น ส่วน Ctrl+C จะคัดลอก data URI ของรูปที่เลือก
- วางในที่ที่ต้องการ หรือดาวน์โหลดเป็นไฟล์ข้อความ หากมีหลายรูป “ดาวน์โหลดทั้งหมด (ZIP)” จะบันทึกทุกรูปพร้อมกัน
ความสามารถ
- โค้ดห้าแบบต่อรูป: data URI, Base64 ดิบ, CSS background-image, HTML <img> และ Markdown
- แท็ก HTML มีความกว้าง ความสูง และข้อความ alt ที่นำมาจากชื่อไฟล์
- คัดลอกได้ในคลิกเดียว และ Ctrl+C คัดลอก data URI ของรูปที่เลือก
- หลายรูปพร้อมกัน ได้ไฟล์ .txt แยกต่อรูป หรือรวมทั้งหมดใน ZIP ไฟล์เดียว
- เตือนเมื่อรูปใหญ่เกิน 100 KB ซึ่งปกติการลิงก์ไปยังไฟล์จะดีกว่า
- PNG, JPG, GIF, WebP, SVG, AVIF, BMP และ ICO พร้อม MIME type ที่ถูกต้องแม้เบราว์เซอร์ไม่ได้ระบุให้
เป็นส่วนตัวหรือไม่
ใช่ เบราว์เซอร์ของคุณอ่านไฟล์และแปลงบนหน้านี้ ไม่มีสิ่งใดถูกส่งออกไป และรูปจะอยู่ในเบราว์เซอร์นี้จนกว่าคุณจะนำออก data URI คือตัวไฟล์เอง จึงพาเมทาดาทาของรูปติดไปด้วย เมื่อมีตำแหน่ง GPS หรือเมทาดาทาอื่น เครื่องมือจะแจ้งให้ทราบและแนะนำให้ใช้ดูข้อมูล EXIF เพื่อลบออกก่อน
คำถามที่พบบ่อย
ควรใช้ data URI เมื่อไร
ใช้กับรูปเล็ก ๆ เช่น ไอคอน โลโก้ และพื้นหลังขนาดจิ๋ว ในกรณีที่การลดคำขอแยกหนึ่งครั้งมีความหมาย และในที่ที่ใส่ไฟล์ไม่ได้ เช่น อีเมล HTML หน้าเว็บไฟล์เดียว ฟิลด์ JSON หรือเอกสาร Markdown สำหรับรูปถ่ายขนาดใหญ่ ให้ลิงก์ไปยังไฟล์แทน เพื่อให้เบราว์เซอร์แคชได้
Base64 ทำให้ไฟล์ใหญ่ขึ้นเท่าไร
ใหญ่ขึ้นประมาณหนึ่งในสาม Base64 ใช้ 4 ตัวอักษรต่อทุก 3 ไบต์ รูปขนาด 30 KB จึงกลายเป็นข้อความราว 40 KB หากเกินราว 100 KB การลิงก์ไปยังไฟล์มักดีกว่า และเครื่องมือจะเตือนคุณ
ควรคัดลอกโค้ดแบบไหน
Data URI สำหรับ src หรือ url() ที่คุณเขียนเอง CSS สำหรับกฎ background-image สำเร็จรูป HTML สำหรับแท็ก <img> ครบชุดพร้อมความกว้าง ความสูง และข้อความ alt Markdown สำหรับเอกสาร และ Base64 เมื่อ API หรือฟิลด์ JSON ต้องการเฉพาะข้อมูลที่เข้ารหัสแล้ว
แปลงหลายรูปพร้อมกันได้ไหม
ได้ เพิ่มรูปได้มากเท่าที่ต้องการ แต่ละรูปจะมีโค้ดของตัวเอง และ “ดาวน์โหลดทั้งหมด (ZIP)” จะบันทึกไฟล์ข้อความแยกต่อรูป