{# canonical_base is the OWNING tenant's origin: all 16 Peasy domains serve the same catalogue, so a page rendered by a non-owner points its canonical at the owner instead of competing with it. Falls back to this site for static/self-owned pages. #}
🍋
Menu
Web

Data URI

Data URI (Inline Data Scheme)

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

तकनीकी विवरण

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

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

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

संबंधित शब्द