Base64 naar afbeelding

Base64 naar afbeelding is een gratis tool die met Base64 gecodeerde afbeeldingsgegevens terug omzet in een afbeelding.

Hoe wordt een afbeelding weergegeven in Base64?

Base64 zet de binaire bytes van een afbeelding om in een beperkte reeks afdrukbare teksttekens. Sommige systemen zijn ontworpen voor tekst en niet voor onbewerkte binaire gegevens. Door de bytes te coderen, kun je ze eenvoudiger opnemen in e-mail, JSON, HTML en andere tekstgebaseerde indelingen.

Het standaard Base64-alfabet bestaat uit hoofdletters, kleine letters, cijfers, plustekens en schuine strepen. Aan het einde kan een gelijkteken als opvulling staan. Elke drie invoerbytes worden normaal gesproken vier Base64-tekens. De gecodeerde vorm is daardoor ongeveer een derde groter dan de oorspronkelijke gegevens.

Een klein tekstvoorbeeld maakt duidelijk hoe dit werkt:

• Oorspronkelijke bytes geïnterpreteerd als tekst: Man
• Base64-uitvoer: TWFu

Bij een afbeelding werkt dit hetzelfde, maar de oorspronkelijke bytes beschrijven een PNG-, JPEG-, GIF-, WebP- of andere afbeeldingsindeling in plaats van leesbare tekst. Onbewerkte Base64 vermeldt zelf niet om welk afbeeldingstype het gaat. Die informatie kan in een data-URL staan of worden afgeleid uit de bestandssignatuur van het gedecodeerde bestand.

Hoe zet ik Base64 terug om in een afbeelding?

Plak de Base64-gegevens van de afbeelding in de tool en start de conversie. Het resultaat is een afbeelding. Controleer vooraf of de waarde uit onbewerkte Base64 of een volledige data-URL bestaat.

1. Zoek de gecodeerde waarde en kopieer deze zonder de omringende aanhalingstekens uit JSON, CSS of broncode.
2. Controleer of er een data-URL-voorvoegsel staat, zoals data:image/png;base64,. De eigenlijke Base64-inhoud begint na de komma.
3. Wordt een volledige data-URL geweigerd, verwijder dan het voorvoegsel en voer alleen de gecodeerde inhoud in. Niet alle decoders accepteren het omhulsel.
4. Controleer voordat je de afbeelding ergens anders gebruikt of de inhoud, afmetingen en indeling overeenkomen met wat je verwacht.

Er kunnen spaties en regeleinden ontstaan wanneer e-mailsoftware een lange Base64-waarde over meerdere regels verdeelt. Sommige decoders negeren deze witruimte, terwijl strengere decoders de invoer afwijzen. Voeg geen leestekens of verklarende tekst aan de inhoud toe. Cijfers zijn geldige Base64-tekens, maar een tekenreeks die alleen uit geldige tekens bestaat, is niet per definitie een afbeelding.

Een lege Base64-waarde staat voor nul bytes en kan dus geen bruikbare afbeelding opleveren. Zeer lange waarden nemen bovendien veel ruimte in, omdat Base64 de oorspronkelijke gegevens vergroot. Voor de verwerking moet de volledige gecodeerde tekenreeks worden overgedragen en gedecodeerd.

Waarom kan mijn Base64-afbeelding niet worden gedecodeerd?

Een Base64-afbeelding kan meestal niet worden gedecodeerd doordat de tekst ongeldig of onvolledig is, het verkeerde alfabet gebruikt of geen afbeeldingsbytes bevat. Ook dubbele codering kan de oorzaak zijn als de bron de gegevens meer dan één keer heeft gecodeerd. De plaats en aard van de fout kunnen helpen om de oorzaak te achterhalen.

• Afgekorte invoer. Bij het kopiëren uit logboeken, databaseweergaven of berichtensystemen kan het einde van een lange waarde wegvallen. Door ontbrekende tekens zijn de gedecodeerde bytes meestal onvolledig.
• Verkeerde variant of verkeerd alfabet. Standaard-Base64 gebruikt + en /, terwijl Base64url doorgaans - en _ gebruikt. Een decoder die de andere variant verwacht, kan de invoer weigeren.
• Ontbrekende opvulling. Base64-waarden kunnen eindigen op één of twee gelijktekens. Sommige systemen laten deze opvulling weg en sommige decoders herstellen die zelf, maar strikte implementaties kunnen de tekens verplicht stellen.
• Binaire gegevens die geen afbeelding zijn. Base64 kan een PDF, archief, lettertype of willekeurige andere bytes vertegenwoordigen. Geldige Base64 is daarom geen garantie voor een geldige afbeelding.
• Verwarring over tekstcodering. Letters met accenten, emoji en niet-Latijnse tekens maken geen deel uit van het Base64-alfabet. Zulke tekens moeten vóór Base64-codering eerst worden omgezet in bytes, meestal met UTF-8.
• Dubbele codering. Levert de eerste decoderingsstap opnieuw een lange tekenreeks op die alleen Base64-tekens bevat, dan is de bron mogelijk twee keer gecodeerd. Decodeer de tussenwaarde alleen nogmaals als de herkomst bevestigt dat dit de bedoeling is.

Als een algemene Base64-decoder onleesbare tekens oplevert, betekent dit niet automatisch dat het decoderen is mislukt. Afbeeldingsbytes zijn binair en horen er niet uit te zien als leesbare tekst. Gebruik de Base64-decoder om inhoud te bekijken die geen afbeelding is. Gebruik Afbeelding naar Base64 voor de omgekeerde bewerking.

Waar worden Base64-afbeeldingsgegevens gebruikt?

Base64-afbeeldingsgegevens worden gebruikt wanneer binaire bestanden via een tekstgericht veld of document moeten worden overgedragen. Bekende voorbeelden zijn ingesloten afbeeldingen in HTML- of CSS-data-URL's, afbeeldingseigenschappen in JSON-payloads van API's en MIME-onderdelen van e-mails.

Base64 kan ook voorkomen in querystrings. Parsers van applicaties kunnen standaard Base64-tekens daarin verkeerd verwerken, met name formulierparsers die plustekens als spaties of gelijktekens als scheidingstekens behandelen. Base64url vervangt de problematische tekens uit het alfabet en laat de opvulling vaak weg. Daardoor is deze variant geschikter voor URL's en tokens.

Geïnternationaliseerde domeinnamen gebruiken geen Base64. Binnen het IDNA-systeem blijven ASCII-labels ongewijzigd, terwijl niet-ASCII U-labels met Punycode als A-labels kunnen worden weergegeven. Een Base64-waarde kan wel ergens anders in een URL staan, bijvoorbeeld in de querystring. Dit onderscheid is belangrijk als je een waarde onderzoekt die uit de adresbalk van een browser is gekopieerd.

JSON heeft geen eigen type voor binaire gegevens. Daarom plaatsen API's Base64-afbeeldingsgegevens soms in een tekenreeks tussen aanhalingstekens. Dat is handig voor gegevensuitwisseling in tekstvorm, maar maakt de payload groter. Voor grote of regelmatige uploads is een normale upload van een binair bestand vaak geschikter.

Base64-codering, vertrouwelijkheid en verwerking op de server

Base64 is een codering, geen versleuteling, en biedt geen vertrouwelijkheid. Iedereen die over de waarde beschikt, kan deze zonder wachtwoord of sleutel decoderen. Bescherm inloggegevens, privéfoto's en vertrouwelijke documenten daarom niet door ze alleen naar Base64 om te zetten.

Bij deze tool vindt de verwerking op de server plaats. Je invoer wordt via HTTPS naar de server verstuurd en niet opgeslagen. HTTPS beschermt de verbinding tijdens de overdracht, maar maakt de Base64-waarde zelf niet versleuteld en maakt gegevens uit een onbetrouwbare bron niet veilig.

Bij het decoderen wordt evenmin gecontroleerd of een afbeelding onschadelijk is. Behandel afbeeldingen die zijn gedecodeerd uit Base64-waarden van onbekende afzenders net zo voorzichtig als andere gedownloade afbeeldingen.

Veelgestelde vragen

Kan ik aan onbewerkte Base64 zien welk afbeeldingsformaat het is?

Soms, maar het Base64-alfabet zelf vermeldt geen bestandsindeling. Gedecodeerde bestanden bevatten signaturen, vaak magic bytes genoemd, waarmee software indelingen zoals PNG, JPEG en GIF kan onderscheiden. Een data-URL kan ook een mediatype vermelden. Dat label kan echter onjuist zijn en mag niet zwaarder wegen dan de daadwerkelijke bytes.

Gaat de beeldkwaliteit achteruit bij het decoderen van Base64?

Nee. Bij een correcte Base64-decodering worden de oorspronkelijke bytes hersteld en wordt de afbeelding niet opnieuw gecomprimeerd. De beeldkwaliteit, kleurgegevens en ingesloten metadata blijven ongewijzigd, tenzij een ander programma het gedecodeerde bestand daarna bewerkt of converteert.

Kan Base64 een SVG-afbeelding bevatten?

Ja, SVG-gegevens kunnen met Base64 worden gecodeerd, al hangt de ondersteuning voor weergave af van de ontvangende software. SVG is een op XML gebaseerde indeling en kan scripts, links of externe verwijzingen bevatten. Ga er daarom niet van uit dat je een Base64-gecodeerde SVG uit een onbekende bron veilig kunt openen.

Waarom is een Base64-afbeelding groter dan het oorspronkelijke bestand?

Base64 produceert vier teksttekens voor elke drie bytes aan brongegevens. Het laatste blok kan bovendien opvulling bevatten. RFC 4648 schrijft opvulling voor, tenzij de specificatie waarnaar wordt verwezen het weglaten ervan uitdrukkelijk toestaat. Het resultaat is daardoor ongeveer een derde groter, nog voordat een data-URL-voorvoegsel, JSON-aanhalingstekens of overhead van de overdracht wordt toegevoegd. Als een systeem normale bestandsuploads accepteert, kost het versturen van de oorspronkelijke binaire afbeelding doorgaans minder gegevens.