Base64 encoderen & decoderen

Waar je Base64 in het wild tegenkomt

Zodra je het kunt herkennen, zit Base64 overal: de src van een afbeelding die als data-URI rechtstreeks in HTML of CSS is ingesloten, de bijlageblokken van een rauwe e-mail, de waarde na Basic in een Authorization-header, de helft van de API-sleutels en webhook-geheimen in een configuratiebestand, en elk van de drie door punten gescheiden delen van een JWT. Het herkenningsteken is een lange reeks letters en cijfers met af en toe een plus of schuine streep, vaak eindigend op één of twee gelijkheidstekens. Wanneer een systeem dat alleen platte tekst begrijpt iets moet meedragen dat geen platte tekst is, is Base64 de envelop waarin het verstuurd wordt — en deze pagina is de briefopener.

De prijs: een derde groter, en soms helemaal geen tekst

De envelop is niet gratis. Base64 maakt van elke 3 bytes 4 tekens, dus alles wat je encodeert groeit met ruwweg een derde, met gelijkheidstekens die de laatste groep aanvullen. Voor een klein icoon of een kort geheim is dat een prima ruil; bij grote bestanden is dit precies waarom bijlagen e-mails zo merkbaar opblazen. De andere eerlijke beperking zit aan de decodeerkant: deze tool decodeert naar tekst. Bevat de Base64 die je plakt een afbeelding, een ZIP of andere binaire data, dan weigert de strikte UTF-8-check en zegt dat ook, in plaats van een schermvol verminkte symbolen af te drukken en je te laten denken dat de data kapot is. De data is meestal prima — het is simpelweg geen tekst, en moet als bestand worden opgeslagen door wat het ook produceerde.

Een hulpmiddel bij debuggen

In de praktijk wordt deze pagina minder gebruikt om te encoderen en meer om de vraag te beantwoorden: wat heeft dat systeem nu écht verstuurd? Plak de payload uit een logregel, een data-URI uit een stylesheet, of een verdachte blob uit een API-respons, en je weet in een seconde of het leesbare configuratie is of ondoorzichtig binair. Andersom is een teststring hier encoderen de snelste manier om met de hand een payload te maken voor een API die Base64-velden verwacht. Alles draait in je browser, gratis en onbeperkt. Twee natuurlijke metgezellen: reist Base64 mee in een link, dan draagt het vaak een laag percent-encoding erbovenop — pel die er eerst af met de URL encoderen & decoderen — en voor tokens splitst en decodeert de JWT-decoder alle drie de delen in één keer.

Wat Base64 eigenlijk is

Base64 is geen versleuteling — het is een manier om willekeurige data te schrijven met maar 64 veilige tekens (A-Z, a-z, 0-9, + en /), zodat ze systemen overleven die alleen platte tekst aankunnen, zoals e-mailbijlagen of data ingesloten in webpagina's. Iedereen kan het decoderen, en dat is precies de bedoeling.