Base64 naar PNG
Plak Base64, bekijk de afbeelding en download het oorspronkelijke PNG-bestand.
Geen kwaliteitsverlies
De oorspronkelijke bestandsbytes en transparantie blijven behouden.
Zonder uploaden
Het decoderen gebeurt in je browser. De afbeelding gaat niet naar een server.
Eerst bekijken
Controleer de afbeelding, afmetingen en bestandsgrootte voor je downloadt.
Over Base64 decoderen
Ondersteunde invoer
- >Een Base64-string zonder voorvoegsel
- >Een volledige data-URI: data:image/png;base64,…
- >Spaties en regeleinden
- >Standaard Base64 en URL-safe Base64
- >Invoer met of zonder afsluitende =-tekens
Waarvoor gebruik je dit?
- >Een afbeelding uit een JSON-antwoord halen
- >Een afbeelding uit HTML of CSS opslaan
- >Een als Base64 opgeslagen schermafbeelding bekijken
Van Base64 terug naar PNG
De tool verwijdert het data-URI-voorvoegsel, verwerkt de Base64-string en herstelt de oorspronkelijke bytes. Na controle van de PNG-bestandssignatuur verschijnt het voorbeeld. De afbeelding wordt niet opnieuw gecomprimeerd of naar een ander formaat omgezet.
Voorbeeld van een data-URI:
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==
Gebruik in de browser
- >Werkt in actuele browsers op desktop en mobiel
- >Het gedownloade bestand behoudt de oorspronkelijke inhoud
- >De maximale bestandsgrootte hangt af van het beschikbare browsergeheugen
Zo werkt het
Plakken
Voer de Base64-string of volledige data-URI in.
Decoderen
Klik op “Decoderen” om de PNG te openen.
Bekijken
Controleer de afbeelding en de afmetingen.
Downloaden
Sla het oorspronkelijke PNG-bestand op.
Codevoorbeelden
JavaScript in de browser
const b64 = 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==';
const bytes = Uint8Array.from(atob(b64), c => c.charCodeAt(0));
const blob = new Blob([bytes], { type: 'image/png' });
const url = URL.createObjectURL(blob);Herstel PNG-bytes uit een Base64-string zonder voorvoegsel.
Node.js
const fs = require('node:fs');
const b64 = 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==';
fs.writeFileSync('image.png', Buffer.from(b64, 'base64'));Schrijf de gedecodeerde bytes naar een PNG-bestand.
Python
import base64
b64 = 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg=='
with open('image.png', 'wb') as file:
file.write(base64.b64decode(b64))Decodeer Base64 met de standaardbibliotheek.
Veelgestelde vragen
Wat moet ik plakken?
De losse Base64-string of een volledige data-URI die begint met data:image/png;base64,. Plak geen compleet JSON-object of HTML-element.
Blijft de transparantie behouden?
Ja. De oorspronkelijke bytes worden hersteld, inclusief het alfakanaal. De kwaliteit verandert niet.
Kan ik hiermee JPG naar PNG omzetten?
Nee. Deze tool decodeert PNG-bestanden die als Base64 zijn opgeslagen. Hij verandert het afbeeldingsformaat niet. Weet je het formaat niet? Gebruik dan de Base64-afbeeldingsdecoder.
Waarom verschijnt er geen afbeelding?
Controleer of de string volledig is en bij een PNG-bestand hoort. Verwijder aanhalingstekens rond de string en eventuele HTML-tags. Spaties en regeleinden zijn toegestaan.
Worden mijn gegevens geüpload?
Nee. Decoderen, bekijken en downloaden gebeurt in je browser.
Is Base64 versleuteling?
Nee. Iedereen met de Base64-string kan de afbeelding terughalen.