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