Base64 coderen en decoderen

Base64, vastgelegd in RFC 4648, schrijft willekeurige bytes weg met 64 afdrukbare ASCII-tekens: A–Z, a–z, 0–9, + en /. Elke groep van drie bytes (24 bits) wordt opgesplitst in vier getallen van 6 bits, en elk getal kiest één teken uit het alfabet. Is de lengte van de invoer geen veelvoud van drie, dan wordt de laatste groep aangevuld met een of twee =-tekens. Het resultaat is altijd ongeveer 33% groter dan de invoer: 4 tekens voor elke 3 bytes.

Base64 bestaat omdat veel kanalen voor tekst zijn gebouwd. E-mail (MIME), data:-URL's in HTML en CSS, JSON-velden met afbeeldingen of certificaten en HTTP Basic-authenticatieheaders gebruiken allemaal Base64 om binaire data veilig te verplaatsen. Het is geen versleuteling en verbergt niets; voor het decoderen is geen sleutel nodig.

Base64 codeert bytes, geen letters, dus tekst moet eerst naar bytes worden omgezet. Deze tool gebruikt altijd UTF-8, de codering waarop het web draait: é wordt twee bytes en een emoji vier. De ingebouwde btoa-functie van de browser geeft op zichzelf een foutmelding bij elk teken boven U+00FF, en daarom falen naïeve encoders bij accenten en emoji; hier gaat de tekst eerst door TextEncoder en bij het decoderen draait TextDecoder dat om. Zijn de gedecodeerde bytes geen geldige UTF-8 (een afbeelding, een zipbestand), dan toont de tool ze als hexadecimaal in plaats van als onleesbare tekst.

Standaard Base64 gebruikt + en /, die in URL's en bestandsnamen een betekenis hebben. Het URL-veilige alfabet uit sectie 5 van RFC 4648 vervangt ze door - en _, en de padding wordt meestal weggelaten. JSON Web Tokens gebruiken precies deze vorm. De decoder accepteert beide alfabetten en ontbrekende padding, dus u kunt beide plakken.

Kies een bestand en de tool leest het lokaal in met FileReader en geeft de Base64 ervan terug, of een volledige data:-URL met het MIME-type van het bestand, klaar om te plakken in een img-tag of een CSS-achtergrond. Inline afbeeldingen besparen een HTTP-verzoek, maar worden een derde groter en kunnen niet apart worden gecachet, dus ze zijn geschikt voor kleine pictogrammen en niet voor foto's. Voor afbeeldingen met een voorbeeld en kant-en-klare HTML- en CSS-snippets gebruikt u Afbeelding naar Base64.