Base64
Image Data URL
⚠️ Large image may freez the browser
แปลงภาพเป็นข้อมูลในตัว
ใช้เครื่องมือ image-to-inline-data-converter เพื่อแปลงรูปภาพเป็นข้อมูลแบบอินไลน์ เลือกรูปแบบ Base64 หรือ DataURL วิธีนี้ช่วยให้คุณฝังรูปภาพลงในโปรเจกต์เว็บได้โดยตรง
Image → Base64 / Data URL
Click or Drag & Drop an Image
แปลงรูปภาพเป็นข้อมูล URL
1
อัปโหลดรูปของคุณ
อัปโหลดรูปภาพของคุณโดยคลิกหรือลากไฟล์ไปยังพื้นที่อัปโหลด
2
เลือกรูปแบบข้อมูล
เลือกแท็บ 'Base64' หรือ 'DataURL' เพื่อเลือกรูปแบบที่ต้องการ
3
ดูข้อมูล URL
ตัวแทน Base64 หรือ DataURL ของรูปภาพของคุณจะปรากฏในพื้นที่ข้อความ
4
คัดลอกโค้ดที่สร้างขึ้น
คลิกปุ่ม 'คัดลอก' เพื่อคัดลอกโค้ดที่สร้างขึ้นไปยังคลิปบอร์ดของคุณ
ใส่รูปภาพโดยตรงในโปรเจกต์เว็บของคุณ
รวมรูปภาพลงในโปรเจกต์เว็บของคุณโดยตรงโดยไม่จำเป็นต้องจัดการไฟล์รูปภาพแยกต่างหาก เครื่องมือแปลงรูปภาพเป็นข้อมูลในแนวตั้งสร้างตัวแทน Base64 หรือ DataURL ของรูปภาพของคุณ ซึ่งช่วยให้กระบวนการทำงานของคุณราบรื่นขึ้นและลดเวลาในการโหลดหน้าเว็บ วิธีการนี้ช่วยกำจัดความจำเป็นในการใช้ทรัพยากรภายนอก ทำให้โครงสร้างโครงการของคุณง่ายขึ้น
ปรับปรุงการทำงานของคุณให้มีประสิทธิภาพมากขึ้น
การรวมรูปภาพโดยตรงในโค้ดเว็บไซต์ของคุณอาจมีประโยชน์สำหรับการฝังรูปภาพในรูปแบบ Base64 หรือ DataURL วิธีการนี้รวมรูปภาพเข้ากับ HTML หรือ CSS ทำให้ไม่จำเป็นต้องพึ่งพาไฟล์ภายนอก ช่วยให้กระบวนการพัฒนาเป็นไปอย่างราบรื่นและอาจปรับปรุงประสิทธิภาพการโหลดหน้าเว็บโดยการลดการพึ่งพาภายนอก
คำถามที่พบบ่อย
Base64 คืออะไร และ DataURL คืออะไร
Base64 และ DataURL เป็นวิธีการแทนภาพเป็นสตริงข้อความ ซึ่งช่วยให้คุณสามารถฝังรูปภาพลงในโค้ด HTML หรือ CSS ของคุณโดยไม่ต้องมีไฟล์รูปภาพแยกต่างหาก
ฉันจะใช้ Base64 หรือ DataURL ที่สร้างขึ้นได้อย่างไร
คุณสามารถใช้โค้ดที่สร้างขึ้นภายในแท็ก <img> ของ HTML หรือคุณสมบัติ background-image ของ CSS ตัวอย่างเช่น คุณอาจใช้มันเช่นนี้: <img src='data:image/png;base64,...'>
ทำไมฉันต้องใช้ Base64 หรือ DataURL
การใช้ข้อมูลแบบออนไลน์สามารถทำให้โครงสร้างโครงการของคุณง่ายขึ้น ลดจำนวนคำขอ HTTP และอาจช่วยปรับปรุงเวลาในการโหลด โดยเฉพาะอย่างยิ่งสำหรับรูปภาพขนาดเล็ก
มีข้อจำกัดในการใช้เครื่องมือนี้ไหม
รูปภาพขนาดใหญ่อาจไม่เหมาะสมเพราะอาจทำให้คอมพิวเตอร์ทำงานช้าลง และสตริง Base64 หรือ DataURL ที่ได้ก็อาจยาวมากเช่นกัน
รูปแบบไฟล์ใดบ้างที่รองรับ
เครื่องมือนี้รองรับรูปแบบภาพทั่วไป เช่น PNG, JPG และ GIF รูปแบบที่รองรับอาจแตกต่างกันไปขึ้นอยู่กับเบราว์เซอร์ของคุณ