Comment convertir une image en data URI Base64 ?

Déposez ou téléversez votre image dans la zone prévue. L'outil génère aussitôt le data URI complet, avec le préfixe data:image/png;base64, dans la zone de sortie. Cliquez sur Copier puis collez le résultat dans votre HTML ou votre CSS.

Le data URI inclut-il le préfixe nécessaire pour le HTML et le CSS ?

Oui. La chaîne commence par le bon préfixe data:image/...;base64, donc vous pouvez la coller directement dans un attribut src d'image ou dans une valeur url() en CSS, sans rien modifier.

Quels formats d'image puis-je convertir en Base64 ?

Tout format d'image standard pris en charge par le navigateur fonctionne, notamment PNG, JPG, GIF, WebP et SVG. La sortie conserve le format d'origine, donc la transparence et les vecteurs sont préservés.

Est-il sûr de convertir des images privées ici ?

Oui. La conversion s'exécute localement dans votre navigateur, sans aucun téléversement, donc votre image ne quitte jamais votre appareil. Rien n'est stocké sur un serveur.

Image vers Base64

Déposez votre image ici

ou Parcourir Reste sur votre appareil. Rien n'est envoyé.

Ce que fait l’outil Image vers Base64

Cet outil transforme n’importe quelle image (PNG, JPG, GIF, SVG, WebP) en une chaîne data URI Base64 que vous pouvez coller directement dans du HTML, du CSS, du JSON ou un modèle d’e-mail. Au lieu de pointer vers un fichier .png séparé, l’image entière vit dans le code sous forme de texte, ce qui fait un fichier de moins à héberger et une requête réseau de moins à attendre. C’est pratique pour de petites icônes, des logos en ligne, des images de fond CSS, des favicons et des démos rapides où vous ne voulez pas gérer de fichiers d’actifs.

Comment l’utiliser

Faites glisser une image sur la zone de dépôt, ou cliquez dessus pour parcourir votre appareil et choisir un fichier.
L’outil lit le fichier, affiche ses dimensions et sa taille, puis génère automatiquement le data URI. Aucun réglage supplémentaire à manipuler.
Lisez le résultat dans la zone du data URI Base64. La chaîne contient déjà le préfixe data:image/...;base64, donc elle est prête à l’emploi.
Cliquez sur Copier pour récupérer la chaîne complète, puis collez-la dans votre <img src="">, votre url() CSS ou partout où vous en avez besoin.

Pourquoi convertir ici

La conversion se fait entièrement dans votre navigateur grâce au FileReader intégré, donc votre image n’est jamais téléversée nulle part. Vos graphismes privés restent privés et le résultat apparaît dès le chargement du fichier. C’est gratuit, sans inscription, et cela fonctionne de la même façon sur un téléphone, une tablette ou un ordinateur portable. Comme la sortie conserve le format d’origine, un PNG transparent reste transparent et un SVG reste un SVG. Retrouvez les autres utilitaires d’image sur le hub catégorie image.

Astuces

Les chaînes Base64 pèsent environ 33 pour cent de plus que le fichier d’origine, donc cette méthode convient surtout aux petites images. Pour de grandes photos, un lien hébergé classique reste généralement plus léger. Vous devez convertir un dossier d’icônes d’un coup ? L’application de bureau BulkPro de la même équipe gère le traitement par lots.

Questions fréquentes

Comment convertir une image en data URI Base64 ?: Déposez ou téléversez votre image dans la zone prévue. L'outil génère aussitôt le data URI complet, avec le préfixe data:image/png;base64, dans la zone de sortie. Cliquez sur Copier puis collez le résultat dans votre HTML ou votre CSS.
Le data URI inclut-il le préfixe nécessaire pour le HTML et le CSS ?: Oui. La chaîne commence par le bon préfixe data:image/...;base64, donc vous pouvez la coller directement dans un attribut src d'image ou dans une valeur url() en CSS, sans rien modifier.
Quels formats d'image puis-je convertir en Base64 ?: Tout format d'image standard pris en charge par le navigateur fonctionne, notamment PNG, JPG, GIF, WebP et SVG. La sortie conserve le format d'origine, donc la transparence et les vecteurs sont préservés.
Est-il sûr de convertir des images privées ici ?: Oui. La conversion s'exécute localement dans votre navigateur, sans aucun téléversement, donc votre image ne quitte jamais votre appareil. Rien n'est stocké sur un serveur.