एक URL स्कीम जो छोटी फ़ाइलों (इमेज, फ़ॉन्ट, CSS) को सीधे HTML, CSS या JavaScript कोड में एम्बेड करने की अनुमति देती है, बिना अलग HTTP अनुरोध की आवश्यकता के।

Data URI (Inline Data Scheme) — वेब मार्गदर्शिका

तकनीकी विवरण

Data URI सिंटैक्स: data:[][;base64],। उदाहरण: data:image/png;base64,iVBOR... छोटी इमेज (< 2-4 KB) के लिए उपयुक्त — HTTP अनुरोध बचाता है। नुकसान: Base64 से 33% आकार वृद्धि, कोई कैशिंग नहीं (HTML दस्तावेज़ के साथ री-डाउनलोड), URL लंबाई सीमाएं, CSP data: सोर्स की आवश्यकता। आधुनिक विकल्प: HTTP/2 मल्टीप्लेक्सिंग अक्सर Data URI को अनावश्यक बनाता है।

उदाहरण

```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

तकनीकी विवरण

उदाहरण

संबंधित फ़ॉर्मेट

संबंधित टूल्स

संबंधित शब्द