Base64
Image Data URL
⚠️ Large image may freez the browser
สร้าง URL Base64 สำหรับรูปภาพ
แปลงภาพเป็นฐานข้อมูลหรือ URL ข้อมูลโดยใช้เครื่องมือนี้ อัปโหลดรูปภาพของคุณ เลือกรูปแบบ และคัดลอกรหัสที่สร้างขึ้น ไฟล์ขนาดใหญ่ อาจส่งผลกระทบต่อประสิทธิภาพ เลือกขนาดเล็กกว่าเพื่อให้ได้ผลลัพธ์ที่ดีกว่า
Image → Base64 / Data URL
Click or Drag & Drop an Image
แปลงภาพเป็น Base64 หรือ DataURL
1
อัปโหลดรูปภาพของคุณ
อัปโหลดรูปภาพของคุณโดยคลิกหรือลากไฟล์ไปยังพื้นที่ที่กำหนด
2
เลือก Base64 หรือ DataURL
เลือกแท็บ ‘Base64’ หรือ ‘DataURL’ เพื่อเลือกรูปแบบที่ต้องการ
3
ดูข้อมูล URL
รูปแบบ Base64 หรือ DataURL ของรูปภาพของคุณจะปรากฏในพื้นที่ข้อความด้านล่างแท็บ
4
คัดลอกรหัสที่สร้างขึ้น
คลิกปุ่ม 'คัดลอก' เพื่อคัดลอกโค้ดที่สร้างขึ้นไปยังคลิปบอร์ดของคุณ
ฝังรูปภาพลงในเว็บไซต์ของคุณโดยตรง
ใช้ตัวสร้าง base64-data-url-generator เพื่อฝังรูปภาพลงในโค้ด HTML โดยตรง โดยไม่ต้องพึ่งพาไฟล์ภายนอก วิธีนี้จะลดจำนวน HTTP requests และอาจปรับปรุงประสิทธิภาพการโหลดหน้าเว็บ เครื่องมือนี้ช่วยให้การสร้าง base64 หรือ Data URLs ง่ายขึ้น ซึ่งส่งเสริมการทำงานของเว็บที่กระชับและมีประสิทธิภาพมากขึ้น
คัดลอกโค้ดรูปภาพอย่างรวดเร็ว
รวมรูปภาพลงในโปรเจกต์เว็บของคุณโดยไม่ต้องพึ่งพาการโฮสต์ภายนอกด้วยการแปลงเป็น base64 หรือ Data URLs วิธีการนี้ช่วยให้คุณหลีกเลี่ยงการโฮสต์ไฟล์รูปภาพแบบดั้งเดิม ทำให้โค้ดของคุณกระชับและเพิ่มประสิทธิภาพเว็บไซต์ นอกจากนี้ยังเหมาะสำหรับสถานการณ์ที่ต้องการฝังรูปภาพลงใน HTML โดยตรงมากกว่าการลิงก์ไปยังไฟล์ที่โฮสต์
คำถามที่พบบ่อย
ฐานข้อมูล Base64 คืออะไร
URL ข้อมูล Base64 แสดงรูปภาพในรูปแบบสตริงข้อความ ทำให้สามารถฝังไว้ใน HTML หรือ CSS โดยตรง โดยไม่ต้องมีไฟล์รูปภาพแยกต่างหาก
ฉันสามารถใช้ Base64 หรือ Data URL ที่สร้างขึ้นได้อย่างไร
คุณสามารถใช้โค้ดที่สร้างขึ้นในลักษณะของ attributes ใน HTML เช่น 'src' สำหรับรูปภาพ หรือในคุณสมบัติ background ของ CSS เพื่อแสดงรูปภาพภายในหน้าเว็บของคุณโดยตรง
ทำไมจึงแนะนำภาพขนาดเล็ก?
รูปภาพขนาดใหญ่สร้างสตริง Base64 ที่ยาว ซึ่งอาจทำให้คอมพิวเตอร์ทำงานช้าลง
ฉันสามารถแปลงรูปแบบรูปภาพใดๆ เป็น Base64/Data URL ได้ไหม
ใช่ เครื่องมือนี้รองรับรูปแบบภาพทั่วไปต่างๆ เช่น JPG, PNG และ GIF
มีขีดจำกัดขนาดรูปภาพที่ฉันสามารถอัปโหลดได้ไหม
ถึงแม้จะไม่มีขีดจำกัดที่เข้มงวด แต่เราแนะนำให้ใช้รูปภาพขนาดเล็กเพื่อให้ได้ประสิทธิภาพที่ดีที่สุด