IQ
PayloadIQ
Utilitaires PayloadIQ

Image en Base64

Transforme une image en data URI Base64 et copie-la sous forme de chaîne brute ou d'extrait HTML, CSS ou Markdown tout prêt. Tout s'exécute dans ton navigateur.

S'exécute dans ton navigateur. Ce que tu saisis n'est pas envoyé à PayloadIQ.

Cet outil encode une image en data URI Base64 directement dans ton navigateur : tu déposes un fichier et tu récupères la chaîne à coller telle quelle dans ton code. L'image est lue et encodée sur ton appareil, sans le moindre téléversement. En plus de la chaîne brute, tu obtiens des extraits prêts à l'emploi pour une balise img, un background-image en CSS ou une image Markdown.

Intégrer une image sous forme de texte

Un data URI transforme une image en une chaîne de caractères que tu colles directement dans ton balisage, sans fichier séparé ni requête supplémentaire. Le fichier voyage avec le document et se charge en même temps que lui, ce qui est pratique pour les petites icônes, les logos, les modèles d'e-mail et les fichiers autonomes. Garde ça pour les petits éléments : l'encodage Base64 représente des données binaires avec du texte, ce qui ajoute environ un tiers à la taille du fichier d'origine. Pour une grosse photo, mieux vaut une vraie URL d'image.

Local et privé

L'encodage s'appuie sur l'API FileReader du navigateur, donc l'image ne quitte jamais ton appareil et aucun serveur ne la voit passer. C'est parfait pour des visuels confidentiels ou pas encore publiés, et ça fonctionne même hors ligne une fois la page chargée. Une fois la conversion faite, copie la chaîne brute depuis l'onglet Data URI ou choisis directement l'extrait HTML, CSS ou Markdown selon l'endroit où tu vas le coller.

Questions fréquentes

À quoi sert un data URI Base64 ?
Il intègre l'image directement dans le HTML, le CSS ou le Markdown sous forme de texte, donc le fichier se charge avec le document sans nécessiter de requête séparée. C'est idéal pour les petites icônes, les modèles d'e-mail et les fichiers autonomes.
Est-ce que mon image est téléversée ?
Non. L'encodage se fait dans ton navigateur via l'API FileReader. L'image reste sur ton appareil et n'est envoyée à aucun serveur.
Pourquoi la chaîne Base64 est-elle plus lourde que le fichier ?
Le Base64 représente des données binaires avec du texte, ce qui ajoute environ un tiers à la taille. C'est normal et inévitable, et c'est pour ça que les data URI conviennent surtout aux petites images.
Quel extrait choisir ?
Prends HTML pour une balise img, CSS pour un background-image, ou Markdown pour la documentation et les fichiers README. L'onglet Data URI te donne la chaîne brute à utiliser n'importe où.

Utilitaires associés

Convertisseur d'imagesGénérateur de favicon
Ouvrir le PayloadIQ Playground