Image en Base64

De l’image à la data URI et retour : déposez, collez, prévisualisez, copiez en CSS ou en HTML.

Fonctionne en local · aucun envoi
Preview of the selected image
Drop an image here, click to choose one, or paste it with Ctrl+V.
PNG, JPEG, GIF, WebP, SVG, AVIF, ICO, BMP
Click, drop or paste another image to replace it
Output

Ce que fait l’outil

Intégrer de petites images sous forme d’URI data: économise une requête HTTP pour les icônes, les modèles d’e-mail et le HTML en un seul fichier. Cet outil convertit dans les deux sens.

Image → Base64

  • Déposez une image, cliquez pour en choisir une ou collez une capture d’écran directement depuis le presse-papiers avec Ctrl+V.
  • Un aperçu affiche le type, les dimensions en pixels, la taille d’origine et la taille en Base64 : vous savez exactement ce que l’encodage ajoute (environ un tiers).
  • Copiez le résultat en data URI, en Base64 brut, en règle CSS background-image, en balise HTML <img> avec width et height renseignés, ou en Markdown.
  • Le type est détecté d’après les octets du fichier : un PNG enregistré en .jpg reçoit quand même le bon type MIME.

Base64 → Image

  • Collez une data URI ou du Base64 brut (sauts de ligne, remplissage manquant et alphabet compatible URL sont acceptés).
  • Le format est détecté d’après ses octets magiques (PNG, JPEG, GIF, WebP, AVIF, SVG, ICO, BMP, TIFF…), affiché dans un aperçu et téléchargé avec la bonne extension. Une différence entre le type déclaré et le type réel est signalée.

Mode d’emploi

Choisissez un sens, puis déposez ou collez. Tout se met à jour immédiatement ; Copier (ou Ctrl+Entrée) place le format sélectionné dans le presse-papiers.

Confidentialité

Les images sont lues et encodées localement dans votre navigateur et ne sont jamais envoyées. La dernière image encodée (si elle est raisonnablement petite) et le dernier Base64 collé sont conservés dans le stockage local de votre navigateur ; Effacer les supprime.