Data URI
Data URI (Schéma de données en ligne)
Un schéma d'URL qui intègre le contenu d'un fichier directement dans le HTML, CSS ou JavaScript en utilisant un encodage inline plutôt qu'un lien vers un fichier externe.
Détail technique
Les data URIs suivent la syntaxe : data:[data:text/plain;charset=utf-8,Hello%20World (texte), data:image/png;base64,iVBOR... (image PNG encodée en Base64). Le SVG peut être intégré sans Base64 en utilisant l'encodage URL : data:image/svg+xml,%3Csvg.... Les data URIs éliminent les requêtes HTTP mais augmentent la taille HTML (33 % de surcharge Base64), empêchent la mise en cache séparée par le navigateur et ont des limites de taille (32 KB dans IE, illimité dans les navigateurs modernes). Utiles pour les petites icônes et les applications à fichier unique.
Exemple
```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);
```