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