Aller au contenu
ToolsMinify logo
Outils développeur

Convertisseur Image vers Base64

Transformez une image locale en Base64 (ou data URL, CSS background, HTML img ou Markdown pret a coller) sans aucun envoi.

À propos de Convertisseur Image vers Base64

Transformez une image locale en Base64 (ou data URL, CSS background, HTML img ou Markdown pret a coller) sans aucun envoi. Ce convertisseur gratuit lit les fichiers avec FileReader dans le navigateur, donc captures, logos et assets inedits ne quittent pas l'appareil. Dans l'autre sens : collez une data URL ou du Base64 brut, previsualisez et telechargez le fichier.

Comment utiliser Convertisseur Image vers Base64

  1. Choisissez Image → Base64. Deposez un fichier, cliquez pour parcourir, ou collez une capture avec Ctrl+V / Cmd+V.
  2. Verifiez l'apercu, le MIME, la taille en pixels, la taille d'origine vs Base64 et le pourcentage exact de surcharge (~33 %).
  3. Copiez l'onglet Data URL, Base64 brut, CSS background-image, HTML img ou Markdown. Rien n'est envoye.
  4. Pour inverser : passez en Base64 → Image, collez une data URL ou du Base64 brut, previsualisez, puis telechargez le fichier.

Exemples de Convertisseur Image vers Base64

Petite icone en CSS

Encodez un PNG 16×16, ouvrez l'onglet CSS et collez background-image: url('data:image/png;base64,...') dans une feuille de style ou un template e-mail.

Coller une capture

Copiez une capture dans le presse-papiers, focalisez cette page et appuyez sur Ctrl+V / Cmd+V. L'outil encode l'image du presse-papiers aussitot - sans dialogue d'enregistrement.

Decoder une data URL de logs

Collez data:image/webp;base64,... dans Base64 → Image pour previsualiser et telecharger le fichier quand vous n'avez que la chaine.

Verifier la surcharge Base64

Le panneau de taille affiche les octets d'origine, la longueur encodee et le pourcentage exact d'augmentation pour decider si l'inline vaut le coup.

Questions fréquentes sur Convertisseur Image vers Base64

Mon image quitte-t-elle le navigateur ?
Non. L'encodage utilise l'API FileReader du navigateur (readAsDataURL). Il n'y a pas d'endpoint d'upload. Vous pouvez le verifier dans DevTools → Reseau : convertir une image ne cree aucune requete sortante avec le fichier.
Comment convertir une image en Base64 en ligne ?
Deposez ou choisissez une image (ou collez une capture), puis copiez l'onglet Base64 brut ou Data URL. Tout tourne cote client.
Puis-je reconvertir le Base64 en image ?
Oui. Passez en Base64 → Image, collez une chaine data:image/...;base64,... ou du Base64 brut. L'outil detecte le MIME via les magic bytes si le prefixe manque, affiche un apercu et permet de telecharger le fichier.
Pourquoi Base64 est-il environ 33 % plus grand ?
Base64 encode chaque groupe de 3 octets binaires en 4 caracteres ASCII, donc le texte est environ un tiers plus grand que le fichier. Le panneau montre la surcharge exacte de votre payload.
Quand ne pas inliner des images en Base64 ?
Evitez d'inliner de grandes photos ou tout ce qui depasse ~100 Ko dans des pages CSS/HTML - cela bloque le cache et gonfle le document. Preferez des URL d'image normales ; reservez Base64 aux petites icones, e-mails ou embeds hors ligne.
Quels formats sont pris en charge ?
PNG, JPEG, GIF, WebP, SVG, BMP, ICO et AVIF lorsque le navigateur peut les lire. La limite souple est de 8 Mo par fichier, appliquee localement avant FileReader.