Générateur d'URI de données — Créer des URI de données Base64 en ligne

Générez des URI data: à partir d'une saisie de texte ou du téléversement d'un fichier. Sélectionnez le type MIME, encodez en Base64 et obtenez une URI de données prête à l'emploi pour l'intégrer dans du HTML, du CSS ou du JavaScript.

Que sont les URI de données ?

Les URI de données (également appelées data URL) vous permettent d'intégrer le contenu d'un fichier directement dans du HTML, du CSS ou du JavaScript en utilisant le format : data:[mediatype][;base64],data. Cela élimine le besoin de requêtes HTTP distinctes, ce qui accélère le chargement des pages pour les petites ressources.

Elles sont couramment utilisées pour les petites images (icônes, logos), les arrière-plans CSS, les polices personnalisées et le SVG en ligne. Le compromis est une augmentation de la taille d'environ 33 % due à l'encodage Base64, c'est pourquoi elles conviennent le mieux aux fichiers de moins de 10 Ko.

Types MIME courants

  • Images : image/png, image/jpeg, image/gif, image/svg+xml, image/webp
  • Texte : text/plain, text/html, text/css, text/javascript
  • Application : application/json, application/pdf, application/xml

Bonnes pratiques

  • Utilisez les URI de données pour les petits fichiers (moins de 10 Ko) afin de réduire les requêtes HTTP
  • Pour les fichiers plus volumineux, utilisez des URL classiques — le Base64 augmente la taille d'environ 33 %
  • Spécifiez toujours le type MIME correct pour le contenu

FAQ

Qu'est-ce qu'une URI de données ?

Une URI de données est un moyen d'intégrer le contenu d'un fichier directement dans des documents web à l'aide du schéma data:. Au lieu de pointer vers un fichier externe, le contenu est encodé en Base64 et inclus en ligne, ce qui réduit les requêtes HTTP.

Quand dois-je utiliser des URI de données plutôt que des URL classiques ?

Utilisez les URI de données pour les petites ressources fréquemment utilisées comme les icônes et les petites images (moins de 10 Ko). Pour les fichiers plus volumineux, les URL classiques sont préférables, car les URI de données augmentent la taille du fichier d'environ 33 % et ne peuvent pas être mises en cache séparément.

Les URI de données sont-elles prises en charge par tous les navigateurs ?

Oui. Tous les navigateurs modernes prennent en charge les URI de données. La principale limite est la taille — certains navigateurs imposent une longueur maximale aux URI de données, généralement autour de 2 Mo, bien que cela varie selon le navigateur.

Outils associés