DEVELOP.07 BASE64 IMAGE

Convertisseur d'images Base64

Modifiez ou collez du Base64 et prévisualisez-le en direct ; les images restent dans le navigateur.

SOURCE

Importer une image

Déposez une image ici

ou choisissez JPG, PNG, GIF, WebP, SVG, BMP ou ICO

10 Mo maximum · le fichier reste dans ce navigateur

Choisissez une image pour l'encoder

BASE64

Code Base64

En attente d'une image ou d'un code Base64Traitement local FileReader et Data URI · aucun envoi ni stockage

§ 01

Un parcours simple pour encoder et décoder

Ajouter le contenu

Collez ou modifiez une Data URI ou du Base64, ou déposez une image pour remplacer le contenu actuel.

Vérifier l'aperçu

Le panneau droit analyse le contenu, nettoie les espaces, répare le remplissage et reconnaît les formats courants.

Copier ou télécharger

Vérifiez l'aperçu, les dimensions et la taille, puis copiez le code ou téléchargez l'image.

§ 02

Base64 change la représentation, pas les pixels

Base64 transforme les groupes de 6 bits binaires en caractères imprimables, utilisables dans JSON, HTML ou CSS. C'est un encodage, pas une compression, donc la qualité ne baisse pas.

Le coût est une taille supérieure d'environ un tiers. Les petites icônes peuvent être intégrées ; les grandes images alourdissent le document et perdent leur cache indépendant.

§ 03

Entrées et usages dans les deux sens

Direction

Entrée

Utile pour

Image vers Base64

JPG, PNG, GIF, WebP, SVG, BMP, ICO

Web, JSON d'API, rapports autonomes

Base64 vers image

Data URI ou Base64 brut

Inspecter une API, restaurer une ressource, vérifier le MIME

§ 04

Réserver les Data URI aux ressources petites et stables

Une Data URI combine type MIME et données Base64 en une adresse directement utilisable. La forme complète convient aux attributs d'image ; le Base64 brut aux API qui ont un champ MIME séparé.

En pratique, intégrez seulement des icônes de quelques Ko. Les images réutilisées ou volumineuses conviennent mieux à une URL normale.

§ 05

Convertir une image en Base64 dans le code

const dataUri = await new Promise((resolve, reject) => {
  const reader = new FileReader();
  reader.onload = () => resolve(reader.result);
  reader.onerror = reject;
  reader.readAsDataURL(file);
});

§ 06

Questions fréquentes

Q1Le Base64 brut s'affiche-t-il sans préfixe Data URI ?

Oui. Les signatures PNG, JPEG, GIF, WebP et SVG sont détectées ; sinon le type MIME de secours est utilisé.

Q2Pourquoi Base64 augmente-t-il la taille ?

Quatre caractères représentent trois octets, ce qui ajoute environ un tiers, plus le petit préfixe d'une Data URI complète.

Q3La conversion réduit-elle la qualité ?

Non. Les octets d'origine sont lus et seule la représentation change ; aucune compression ni rééchantillonnage.

Q4Les images sont-elles envoyées ou les codes enregistrés ?

Non. Lecture, validation, aperçu et téléchargement restent dans la page actuelle.

Q5Pourquoi une chaîne Base64 ne s'affiche-t-elle pas ?

Elle peut être tronquée, contenir des caractères interdits, déclarer un mauvais MIME ou ne pas être une image décodable.