Image vers Data URI

Une data URI encode une image directement sous forme de texte (Base64), si bien que vous pouvez l'intégrer en ligne dans du HTML (un src d'img) ou du CSS (un arrière-plan) sans fichier séparé ni requête réseau supplémentaire. Cet outil convertit votre image en une data: URI prête à coller.

La sortie est un fichier texte brut contenant la chaîne complète data:image/...;base64,... C'est pratique pour de minuscules icônes, des modèles d'e-mail, des démos en un seul fichier ou pour éviter une requête en plus, même si le texte Base64 est environ un tiers plus volumineux que les octets d'origine.

Tout s'exécute entièrement en local dans votre navigateur (aucun envoi, même hors ligne) : votre image ne quitte jamais votre appareil. L'image est encodée telle quelle (mêmes octets, même format, sans réencodage) ; une très grande image produit une très longue chaîne, donc cela convient surtout aux petites images.

Le compromis honnête de l'incorporation : une data URI voyage à chaque livraison du fichier HTML ou CSS et n'est pas mise en cache séparément par le navigateur. En règle générale, l'incorporation ne vaut que pour de très petits visuels - des icônes de quelques kilooctets ; les grandes images restent mieux dans leur propre fichier. Pour vérifier rapidement, collez la chaîne directement dans la barre d'adresse du navigateur.

Fiche technique

En 3 étapes

1. Déposez ou touchez votre image (PNG, JPEG ou WebP).
2. Elle est encodée en Base64 dans une data: URI dans votre navigateur.
3. Téléchargez le fichier texte avec la data URI (prête à coller).

Limites: Encode les octets de l'image tels quels en Base64 dans une chaîne data:<type>;base64,... enregistrée en fichier texte. Le Base64 est environ 33 % plus volumineux que l'original, donc il convient surtout aux petites images. Le format et les octets d'origine sont conservés (sans réencodage).

Questions fréquentes

Outils associés

Collage de photos · Compresser des images · PNG en SVG · Optimiser SVG