Générateur de Data URI
Générateur de Data URI gratuit en ligne, convertir des fichiers en Base64
📎Cliquez ou glissez un fichier pour générer un Data URISupporte images, polices, SVG, PDF et plus
Qu'est-ce que les Data URIs ?
Un Data URI intègre les données d'un fichier directement dans une URL au format data:[mimeType];base64,[data]. Cela permet d'intégrer de petites images, polices ou fichiers directement en HTML, CSS ou JavaScript sans références de fichier externes. Les Data URIs éliminent les requêtes HTTP supplémentaires pour les petites ressources.
Comment générer des Data URIs
Téléchargez un fichier (image, police, SVG, etc.). L'outil génère la chaîne Data URI. Utilisez Copier en CSS pour obtenir une propriété background-image, ou Copier en HTML pour une balise <img>. Les Data URIs fonctionnent mieux pour les fichiers de moins de 10 Ko.
▶Quand dois-je utiliser des Data URIs plutôt que des fichiers externes ?
Utilisez les Data URIs pour les petites ressources (moins de 10 Ko) comme les icônes, petites images ou polices. Pour les fichiers plus volumineux, les fichiers externes avec mise en cache sont plus efficaces. Trop de Data URIs en CSS peuvent ralentir le rendu.
▶Les Data URIs fonctionnent-ils dans tous les navigateurs ?
Oui, tous les navigateurs modernes prennent en charge les Data URIs. Les très anciens navigateurs (IE8 et antérieurs) ont une limite de taille de 32 Ko, mais cela n'est pas pertinent pour les applications modernes.