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