SVG เป็น Base64
ใช้ตัวแปลง SVG เป็น Base64 ฟรีนี้ เพื่อแปลงรูปภาพ Scalable Vector Graphics ใดก็ได้เป็นสตริง Base64 หรือโค้ดพร้อมใช้ เลือกไฟล์ .svg ในเครื่อง (หรือวางลิงก์ไฟล์ระยะไกล) เลือกรูปแบบผลลัพธ์ แล้วกด เข้ารหัส SVG เป็น Base64
วิธีแปลง SVG เป็น Base64 ออนไลน์
- เลือก ไฟล์ในเครื่อง แล้วเลือกไฟล์ .svg หรือเลือก URL ระยะไกล แล้ววางลิงก์
- เลือกรูปแบบผลลัพธ์: Base64 ล้วน, data URI, แท็ก HTML, CSS, JavaScript, JSON หรือ XML
- คลิก เข้ารหัส SVG เป็น Base64 ผลลัพธ์จะแสดงทันทีพร้อมตัวอย่าง
- คัดลอกผลลัพธ์ไปยังคลิปบอร์ด หรือดาวน์โหลดเป็นไฟล์ .txt
เกี่ยวกับ SVG (Scalable Vector Graphics)
SVG เป็นรูปแบบเวกเตอร์ที่อิง XML รูปทรงถูกอธิบายด้วยข้อความแทนพิกเซล ภาพจึงคมชัดในทุกขนาด เหมาะสำหรับไอคอน โลโก้ และภาพประกอบ
เนื่องจาก SVG เป็นข้อความอยู่แล้ว คุณจึงฝังแบบ URL-encoded แทน Base64 ได้ ซึ่งมักมีขนาดเล็กกว่า แต่ Base64 ยังเป็นตัวเลือกที่ปลอดภัยที่สุดเมื่อโค้ดมีเครื่องหมายคำพูดหรืออักขระที่อาจทำให้ CSS หรือ HTML เสียหาย
| พัฒนาโดย | 2001, W3C |
|---|---|
| ชนิด | เวกเตอร์ (ข้อความ XML) |
| ความโปร่งใส | ใช่ |
| ภาพเคลื่อนไหว | ใช่ (SMIL / CSS) |
| ขึ้นต้นด้วย | <svg หรือ <?xml |
รูปแบบผลลัพธ์
เลือกรูปแบบการห่อผลลัพธ์ ตัวแปลงสามารถส่งคืน:
- txt: เฉพาะสตริง Base64 พร้อมวางลงในโค้ด ฟิลด์ฐานข้อมูล หรือคำขอ API
- uri: URI แบบ
data:ที่สมบูรณ์ ซึ่งวางในแถบที่อยู่ของเบราว์เซอร์หรือใช้ได้ทุกที่ที่รับ URL - html img: แท็ก
<img>ที่มี data URI ในsrc - css background image: กฎ CSS ที่ใช้
background-image: url(data:...) - html favicon: แท็ก
<link rel="icon">สำหรับ favicon แบบฝัง - html hyperlink: ลิงก์
<a>ที่ดาวน์โหลดหรือเปิดไฟล์ที่ฝังไว้ - html iframe:
<iframe>ที่แสดงเนื้อหาแบบฝังในหน้า - javascript image: JavaScript ที่สร้างออบเจ็กต์
Image - javascript popup: JavaScript ที่เปิดเนื้อหาในหน้าต่างใหม่
- json: ออบเจ็กต์ JSON ที่มีชื่อไฟล์ MIME type และข้อมูล
- xml: องค์ประกอบ XML ที่มีข้อมูลอยู่ในส่วน CDATA
ปลอดภัยหรือไม่ และผลลัพธ์จะมีขนาดเท่าไร?
ไฟล์ของคุณไม่ถูกอัปโหลด: เบราว์เซอร์จะอ่านและแปลงไฟล์ในเครื่องด้วย File API แม้แต่เอกสารลับก็ยังอยู่บนอุปกรณ์ของคุณ
Base64 ใช้อักขระ 4 ตัวแทนทุก 3 ไบต์ ผลลัพธ์ที่เข้ารหัสจึงใหญ่กว่าไฟล์ต้นฉบับประมาณ 33% (บวกอีกไม่กี่ไบต์สำหรับ padding และคำนำหน้า data URI)
คำถามที่พบบ่อย
จะแปลง SVG เป็น Base64 ได้อย่างไร?
เลือกไฟล์ .svg ของคุณด้านบน แล้วคลิก "เข้ารหัส SVG เป็น Base64" ตัวแปลงจะอ่านไฟล์ในเบราว์เซอร์ของคุณ และส่งออกเป็นสตริง Base64 หรือ data URI พร้อมใช้
SVG ที่เข้ารหัส Base64 ขึ้นต้นด้วยอะไร?
ไฟล์ SVG ที่เข้ารหัสเป็น Base64 มักขึ้นต้นด้วย "PHN2Zy / PD94bWwg" และเมื่อเป็น data URI จะขึ้นต้นด้วย "data:image/svg+xml;base64,"
มีการจำกัดขนาดไฟล์หรือไม่?
ไม่มีการจำกัดขนาดตายตัวเพราะการแปลงทำงานในเครื่อง แต่ไฟล์ขนาดใหญ่มากจะได้สตริงที่ยาวมาก ไฟล์ขนาดไม่เกินประมาณ 50 MB ทำงานได้สบาย ๆ ในเบราว์เซอร์สมัยใหม่
จะแปลง Base64 กลับเป็น SVG ได้อย่างไร?
ใช้ตัวถอดรหัส Base64 เป็น SVG: วางสตริง แล้วคุณจะดูตัวอย่างและดาวน์โหลดไฟล์ .svg ต้นฉบับได้
ความคิดเห็น (0)
มีคำถาม ไอเดีย หรือพบข้อผิดพลาดใน “SVG เป็น Base64” ใช่ไหม? แสดงความคิดเห็น ให้คะแนนเครื่องมือ หรือตอบกลับผู้อื่นได้เลย
ยังไม่มีความคิดเห็น มาเป็นคนแรกที่แสดงความคิดเห็นสิ!