Data URI คือรูปแบบที่ช่วยให้ฝังข้อมูลไฟล์ขนาดเล็กลงใน HTML, CSS หรือ JavaScript โดยตรง แทนที่จะอ้างอิงไปยังไฟล์ภายนอก ข้อมูลจะถูกเข้ารหัส Base64 และรวมอยู่ใน URL เดียวพร้อมกับ MIME type

Data URI คืออะไร? — การฝังข้อมูลแบบอินไลน์

รายละเอียดทางเทคนิค

รูปแบบ: data:[][;base64], ตัวอย่าง: data:image/png;base64,iVBOR... ข้อจำกัด: ไม่สามารถแคชแยกจากเอกสารได้, เพิ่มขนาดเอกสาร ~33% (จาก Base64 encoding) แนะนำสำหรับไฟล์ขนาดเล็ก (< 2-5 KB) เช่น ไอคอน SVG หรือรูปเล็ก ไม่แนะนำสำหรับไฟล์ขนาดใหญ่เนื่องจากปัญหาประสิทธิภาพ

ตัวอย่าง

```javascript
// Encode string to Base64
const encoded = btoa('Hello, World!');  // 'SGVsbG8sIFdvcmxkIQ=='

// Decode Base64 to string
const decoded = atob('SGVsbG8sIFdvcmxkIQ==');  // 'Hello, World!'

// File to Base64 Data URI
const reader = new FileReader();
reader.onload = () => console.log(reader.result);
// → 'data:image/png;base64,iVBORw0KGgo...'
reader.readAsDataURL(file);
```

Categories

Data URI

รายละเอียดทางเทคนิค

ตัวอย่าง

รูปแบบที่เกี่ยวข้อง

เครื่องมือที่เกี่ยวข้อง

คำศัพท์ที่เกี่ยวข้อง