Encodeur/Décodeur Image Base64
Encodeur et décodeur Image Base64 gratuit en ligne. Convertissez images en chaînes Base64 ou décodez Base64 en images instantanément. Prend en charge JPG, PNG, GIF, WebP, BMP, SVG. Générez URLs data pour HTML, CSS, JSON. Traitement 100% côté client.
Encodeur/Décodeur Image Base64 - Convertir Images vers/depuis Base64 en Ligne
Un puissant outil en ligne pour encoder images en chaînes Base64 et décoder Base64 en images. Uploadez toute image (JPG, PNG, GIF, WebP, BMP, SVG) et obtenez instantanément représentations Base64 en multiples formats (Base64 pur, URL data, fond CSS, balise img HTML), ou collez chaîne Base64 pour extraire image. Parfait pour intégrer images directement en HTML, CSS, JavaScript ou JSON sans références fichiers externes. Fonctionnalités conversion bidirectionnelle, aperçu temps réel, comparaison taille fichier et traitement 100% côté client pour confidentialité maximale.
Qu'est-ce que l'encodage image Base64 ?
L'encodage image Base64 convertit données image binaires en format texte ASCII utilisant encodage Base64. Cela permet intégrer images directement en HTML, CSS ou JSON comme chaînes texte au lieu lier fichiers externes. Chaîne encodée commence avec préfixe URL data comme 'data:image/png;base64,' suivi données image encodées Base64.
Avantages :
- Réduit requêtes HTTP (chargement page plus rapide)
- Images intégrées fonctionnent hors ligne
- Aucun fichier image séparé à gérer
- Utile pour petites icônes et logos
- Fonctionne dans HTML email
Inconvénients :
- Augmente taille fichier ~33%
- Pas mis en cache séparément
- Fichiers HTML/CSS plus grands
- Pas adapté images volumineuses
Comment utiliser image encodée Base64 ?
Il y a plusieurs façons utiliser images encodées Base64 :
1. Balise img HTML :
<img src="data:image/png;base64,iVBORw0KG..." alt="Image">
2. Fond CSS :
background-image: url(data:image/png;base64,iVBORw0KG...);
3. JavaScript :
const img = new Image();
img.src = 'data:image/png;base64,iVBORw0KG...';
4. Données JSON :
{
"image": "data:image/png;base64,iVBORw0KG..."
}
Notre outil fournit formats prêts à utiliser pour tous ces cas usage.
Quels formats image sont supportés ?
Cet outil supporte tous formats image courants :
- JPEG/JPG : Photos et images complexes
- PNG : Images avec transparence
- GIF : Images animées (convertit en statique)
- WebP : Format web moderne
- BMP : Images bitmap Windows
- SVG : Graphiques vectoriels
- ICO : Fichiers icône
La chaîne Base64 sortie maintient info format original dans préfixe URL data (ex : data:image/jpeg;base64,... pour fichiers JPEG).
Quelle est taille fichier maximale ?
Taille fichier image maximale est 10MB. Cependant, pour usage web pratique, nous recommandons :
- Petites icônes : < 10KB
- Logos : < 50KB
- Éléments UI : < 100KB
- Éviter : Grandes photos (> 200KB)
Encodage Base64 augmente taille fichier environ 33%, donc image 100KB devient ~133KB encodée. Grandes chaînes Base64 peuvent ralentir significativement chargement page et rendre fichiers HTML/CSS ingérables.
Puis-je décoder Base64 en image ?
Oui ! Cet outil supporte encodage et décodage :
1. Basculez en 'Mode Décodage'
2. Collez votre chaîne Base64 (avec ou sans préfixe URL data)
3. Cliquez 'Décoder en Image'
4. Prévisualisez image décodée
5. Téléchargez si nécessaire
Le décodeur gère automatiquement :
- Format URL data : data:image/png;base64,iVBORw0KG...
- Base64 pur : iVBORw0KG... (sans préfixe)
- Espaces et sauts ligne (supprimés automatiquement)
C'est utile pour extraire images depuis HTML/CSS ou vérifier images encodées Base64.
Fonctionnalités Clés
- Encoder images en Base64 instantanément
- Décoder Base64 en images
- Conversion bidirectionnelle (Image ⇄ Base64)
- Support tous formats image majeurs (JPG, PNG, GIF, WebP, BMP, SVG)
- Interface glisser-déposer pour upload fichier facile
- Aperçu image temps réel
- Formats sortie multiples (Base64, URL Data, CSS, HTML)
- Détection automatique type MIME
- Comparaison taille fichier et statistiques
- Mesure temps encodage
- Copier presse-papiers en un clic
- Télécharger Base64 fichier texte
- Télécharger images décodées
- Traitement 100% côté client - pas uploads
- Fonctionne hors ligne après chargement initial
- Aucune taille fichier stockée serveurs
- Design responsive adapté mobile
- Support mode sombre
- Aucune inscription requise
- Complètement gratuit utiliser