
Vous êtes-vous déjà retrouvé face à un mélange de caractères apparemment insensés commençant par data:image/png;base64
? Félicitations, vous avez rencontré Codage Base64 dans la nature! 🎉
Base64 est une manière de représenter des données binaires à l'aide d'un ensemble limité de 64 caractères ASCII. Il est couramment utilisé pour :
- Intégrer des images, des polices ou d'autres fichiers directement dans HTML, CSS ou scripts
- Transmission de données binaires via des protocoles textuels tels que le courrier électronique ou XML
- Masquer des informations sensibles (même si ce n'est pas du cryptage !)
Pour comprendre Base64, vous devez le décoder pour revenir au binaire d'origineVoici un aide-mémoire rapide :
Langue | Fonction de décodage |
---|---|
JavaScript | atob(base64String) |
Python | base64.b64decode(base64String) |
Java | Base64.getDecoder().decode(base64String) |
C# | Convert.FromBase64String(base64String) |
Par exemple, en JavaScript :
const base64Image = "data:image/png;base64,iVBORw0KGgoAAAANSU…";
const splitData = base64Image.split(",");
const byteString = atob(splitData[1]);
Cet extrait :
- Extrait uniquement les données Base64, en supprimant le préfixe de métadonnées
- Décode la chaîne Base64 en une chaîne d'octets
À partir de là, vous pouvez le convertir en un tableau typé pour une manipulation ultérieure :
const intArray = new Uint8Array(byteString.length);
for (let i = 0; i < byteString.length; i++) {
intArray[i] = byteString.charCodeAt(i);
}
Armé de ce tableau d'octets, vous pouvez :
- Créer un Blob pour enregistrer le fichier
- Rendre l'image sur une toile
- Transmettez-le à une bibliothèque pour analyser le contenu du fichier
- Envoyez-le à WebAssembly pour un traitement haute performance
Décodage Base64 ouvre un monde de possibilités pour la gestion des données binaires en ligne. Allez-y et décodez en toute confiance ! 🚀
Installez nos extensions
Ajoutez des outils IO à votre navigateur préféré pour un accès instantané et une recherche plus rapide
Outils essentiels
Tout voir Nouveautés
Tout voirMise à jour: Notre dernier outil a été ajouté le 16 sept. 2025