Base64
Image Data URL
⚠️ Large image may freez the browser
แปลง WEBP เป็นโค้ด Base64
แปลงรูปภาพ WEBP เป็น Base64 หรือ DataURL โค้ดโดยใช้เครื่องมือออนไลน์ของเรา อัปโหลดรูปภาพของคุณ เลือกรูปแบบเป้าหมาย และคัดลอกโค้ดที่สร้างขึ้น วิธีนี้ช่วยให้คุณใส่รูปภาพลงในโปรเจกต์เว็บโดยตรง ลดการร้องขอ HTTP และปรับปรุงเวลาโหลดหน้า ผู้พัฒนาสามารถรวมภาพลงใน HTML หรือ CSS โดยไม่มีการพึ่งพาไฟล์ภายนอก
Image → Base64 / Data URL
Click or Drag & Drop an Image
แปลง WebP เป็นรหัส Base64
1
อัปโหลดรูปของคุณ
อัปโหลดรูปภาพ WEBP ของคุณโดยคลิกหรือลากไฟล์เข้าไปในพื้นที่อัปโหลด
2
เลือก Base64 หรือ DataURL
เลือก ‘Base64’ หรือ ‘DataURL’ จากแท็บด้านบนพื้นที่ข้อความ
3
แสดงรหัส Base64
รหัส Base64 หรือ DataURL สำหรับรูปภาพของคุณจะปรากฏในพื้นที่ข้อความด้านล่างนี้
4
คัดลอกโค้ด
คลิกปุ่ม 'คัดลอก' เพื่อคัดลอกโค้ดไปยังคลิปบอร์ด
ฝังรูปภาพ WEBP โดยตรง
แสดงรูปภาพ WEBP บนเว็บไซต์ของคุณโดยไม่ต้องพึ่งพาไฟล์ภายนอกด้วยการแปลงเป็นรูปแบบ Base64 หรือ DataURL การฝังรูปภาพที่เข้ารหัสเหล่านี้ลงใน HTML จะทำให้โครงสร้างเว็บไซต์ของคุณราบรื่นขึ้นโดยการขจัดความจำเป็นในการใช้ไฟล์รูปภาพแยกต่างหาก วิธีนี้ทำให้การจัดการไฟล์ง่ายขึ้นและรับประกันการแสดงผลที่สอดคล้องกันในทุกแพลตฟอร์ม
ดึงรหัสรูปภาพของคุณอย่างรวดเร็ว
รวมรูปภาพ WEBP ลงในโปรเจกต์ของคุณโดยไม่ต้องใช้เครื่องมือเพิ่มเติม เครื่องมือของเราทำให้กระบวนการสร้างรหัส Base64 หรือ DataURL ง่ายขึ้น ช่วยให้คุณสามารถฝังรูปภาพลงใน HTML ได้โดยตรง อัปโหลดรูปภาพของคุณ เลือกรูปแบบที่ต้องการ และคัดลอกรหัสที่สร้างขึ้นเพื่อฝังลงใน HTML วิธีนี้ช่วยลดการพึ่งพาไฟล์ภายนอกและทำให้การรวมเข้ากับงานพัฒนาเว็บเป็นไปอย่างราบรื่น
คำถามที่พบบ่อย
เบส64คืออะไรและ DataURL คืออะไร
Base64 และ DataURL คือวิธีในการแสดงผลข้อมูลรูปภาพเป็นข้อความ สิ่งนี้ช่วยให้คุณสามารถฝังรูปภาพลงใน HTML หรือ CSS ของคุณโดยไม่ต้องพึ่งพาไฟล์รูปภาพแยกต่างหาก
ฉันจะใช้เครื่องมือนี้อย่างไร
อัปโหลดรูปภาพ WEBP ของคุณ เลือกว่าจะใช้ Base64 หรือ DataURL จากนั้นคลิกปุ่ม 'คัดลอก' เพื่อรับรหัส จากนั้นคุณสามารถวางรหัสนี้ลงในโปรเจกต์ของคุณได้
กรณีการใช้งานการแปลง WEBP เป็น Base64/DataURL คืออะไร
คุณอาจใช้สิ่งนี้เพื่อฝังไอคอนขนาดเล็กในเว็บไซต์ของคุณ สร้างเนื้อหาภาพแบบไดนามิก หรือหลีกเลี่ยงการร้องขอ HTTP เพิ่มเติมสำหรับรูปภาพขนาดเล็ก
ทำไมไม่ควรอัปโหลดรูปภาพขนาดใหญ่ล่ะ
รูปภาพขนาดใหญ่สร้างสตริงโค้ดที่ยาวมาก ซึ่งอาจทำให้ประสิทธิภาพของคอมพิวเตอร์และเวลาประมวลผลของเครื่องมือช้าลง ควรใช้เครื่องมือนี้กับรูปภาพขนาดเล็ก
เครื่องมือนี้รองรับรูปแบบไฟล์ใดบ้าง
ปัจจุบัน เครื่องมือนี้แปลงไฟล์ WEBP โดยเฉพาะ เราอาจเพิ่มการรองรับรูปแบบไฟล์ภาพอื่นๆ ในอนาคต