Comment convertir une image en URI de données Base64
Vous pouvez intégrer une image directement dans HTML ou CSS sous forme de chaîne Base64 — pas de fichier séparé. C'est une astuce utile pour les petits actifs, avec des choses à faire et à ne pas faire claires.
Qu'est-ce qu'un URI de données
La conversion d'une image en Base64 la transforme en une longue chaîne de texte que vous déposez directement dans votre code sous le nom data:image/png;base64,iVBORw0.... Le navigateur le décode en image — aucune demande distincte au serveur.
Quand l'utiliser (et non)
Convient pour : les petites icônes, logos ou images intégrés dans CSS/e-mail lorsque l'enregistrement d'une requête HTTP est important. Mauvais pour : les grandes images – Base64 gonfle la taille d'environ 33 % et ne peut pas être mis en cache séparément, ce qui ralentit les grandes pages. Règle générale : uniquement les images en ligne de moins de quelques Ko.
Convertissez instantanément
Notre convertisseur d'image en Base64 gratuit transforme n'importe quelle image en un URI de données prêt à coller. Pour comprendre l'encodage lui-même, consultez notre explication Base64.
Résultat
Base64 vous permet d'intégrer de petites images pour couper les requêtes, mais la pénalité de taille d'environ 33 % le rend incorrect pour les fichiers volumineux. Utilisez-le uniquement pour les petits éléments et conservez les grandes images sous forme de fichiers distincts pouvant être mis en cache.
