Image en Base64

Convertir toute image en URL de données encodée en Base64

Qu'est-ce que c'est et comment ça marche ?

Cet outil convertit une image en data URL Base64 — une longue chaîne de texte qui contient toute l'image, commençant par quelque chose comme data:image/png;base64,iVBORw0KGgo.... Comme l'image devient du texte brut, vous pouvez l'intégrer directement dans du HTML, du CSS ou du JSON au lieu de lier un fichier séparé. Le navigateur lit la chaîne et affiche l'image sans requête réseau supplémentaire, c'est pourquoi petites icônes, logos et graphismes de fond sont souvent intégrés ainsi.

Le compromis, c'est la taille : l'encodage Base64 rend les données environ un tiers plus grosses que le fichier d'origine, ce qui est payant pour de petits éléments mais pénalisant pour de grosses photos. Intégrer une minuscule icône supprime une requête HTTP et évite un clignotement d'image manquante ; intégrer une grande photo alourdit votre HTML et est généralement pire qu'un fichier normal. Cet outil encode l'image entièrement dans votre navigateur — rien n'est téléversé — et vous donne la data URL prête à coller dans votre fond CSS, une balise img ou une charge JSON.

Cas d'usage

• Intégrer une petite icône : intégrez un logo ou une icône en data URL dans le CSS ou le HTML pour supprimer une requête réseau.
• Envoyer ou stocker une image en texte : convertissez une image en chaîne Base64 pour qu'elle tienne dans un champ JSON ou un canal en texte seul.
• Prototyper sans hébergement : déposez une image directement dans un seul fichier HTML en data URL, sans fichier image séparé à gérer.

Questions fréquentes

Pourquoi la version Base64 est-elle plus grosse que mon fichier image ?

Base64 représente des données binaires avec uniquement des caractères de texte, ce qui ajoute environ 33% de surcoût. C'est attendu et inévitable : la chaîne encodée est toujours plus grosse que le fichier d'origine, d'où l'intérêt de l'intégration pour les petits éléments, pas les grandes photos.

Quand intégrer une image plutôt que la lier ?

L'intégration convient surtout aux petits graphismes fréquemment utilisés — icônes, logos, minuscules fonds — où supprimer une requête HTTP l'emporte sur le coût de taille. Pour de grandes images ou tout ce qui est mis en cache et réutilisé entre pages, un fichier lié normal est généralement plus rapide.

Qu'est-ce que le préfixe data: au début ?

C'est l'en-tête de la data URL : data: suivi du type MIME (comme image/png), puis ;base64, pour signaler l'encodage, puis les octets encodés. Les navigateurs utilisent ce préfixe pour savoir comment décoder et afficher l'image directement.

Mon image est-elle téléversée sur un serveur ?

Non. L'encodage se fait entièrement dans votre navigateur, l'image ne quitte donc jamais votre appareil. Vous pouvez convertir en toute sécurité des graphismes privés ou non publiés en data URL.

Image

Redimensionneur d'image · Compresseur d'image · Sélecteur de couleur · Filtres d'image · Métadonnées d'image · Convertisseur SVG vers PNG