Plums

ดูตัวอย่าง SVG และ Base64

ดูตัวอย่าง SVG ในเบราว์เซอร์และแปลงเป็น Base64 หรือ data URI สำหรับ CSS, HTML และแอป

เลือกไฟล์หรือวาง SVG เพื่อดูตัวอย่างที่นี่

ประมวลผลทั้งหมดในเบราว์เซอร์ — ไฟล์ไม่ออกจากอุปกรณ์

วิธีใช้

ตรวจไอคอนก่อนฝังและคัดลอก Base64 หรือ data URI ในเครื่อง

  1. เลือกไฟล์ ลากวาง (เดสก์ท็อป) หรือวางซอร์ส SVG
  2. ดูบนพื้นตาราง ขาว หรือมืด และปรับซูม
  3. คัดลอก Base64 ดิบ, data URI Base64 หรือ data URI แบบ URL
SVG ไม่ออกจากอุปกรณ์ ดูตัวอย่างและเข้ารหัสในเบราว์เซอร์เท่านั้น

คำถามที่พบบ่อย

การดูตัวอย่างทำงานอย่างไร?

โหลด SVG ผ่าน blob URL ปลอดภัยใน img — ไม่อัปโหลดเซิร์ฟเวอร์และไม่ฉีด HTML

ใช้รูปแบบ Base64 แบบไหน?

Base64 ดิบสำหรับ API data:image/svg+xml;base64,... สำหรับ img/CSS URI แบบ URL สำหรับไอคอน HTML เล็กๆ

อัปโหลด SVG ไหม?

ไม่ ประมวลผลในเบราว์เซอร์เท่านั้น

จำกัดขนาด?

SVG ไฟล์ละสูงสุด 5 MB บีบอัดหลายไฟล์ใช้เครื่องมือปรับ SVG

คำค้นหาที่เกี่ยวข้อง

คุณอาจกำลังมองหา:

  • ดู svg ออนไลน์ฟรี
  • แปลง svg เป็น base64
  • สร้าง data uri svg
  • เข้ารหัส svg เป็น base64
  • ดู svg ในเบราว์เซอร์
  • ดูตัวอย่าง svg ก่อนฝัง
  • เข้ารหัส base64 svg ออนไลน์
  • แปลง svg เป็น data uri