Base64 naar Afbeelding Decoder
Plak je Base64-gecodeerde string en bekijk en download de afbeelding onmiddellijk. Ondersteunt PNG, JPEG, GIF, WebP, SVG. 100% client-side — je gegevens verlaten je browser nooit.
Hoe Base64 naar Afbeelding decoderen
Plak
Plak je Base64-string in het tekstvak hierboven. Accepteert onbewerkte Base64 of een volledige data URI met MIME-type-prefix.
Voorbeeld
Klik op Afbeelding Decoderen om de gedecodeerde afbeelding onmiddellijk in voorbeeld te zien. Formaat, afmetingen en bestandsgrootte worden automatisch gedetecteerd.
Download
Klik op Afbeelding Downloaden om het bestand op je apparaat op te slaan. De juiste bestandsextensie wordt automatisch toegepast.
Wat is Base64 Afbeeldingcodering?
Base64 is een binair-naar-tekst-coderingsschema dat binaire gegevens converteert naar een reeks afdrukvriendelijke ASCII-tekens. Het gebruikt 64 tekens — de letters A–Z, a–z, de cijfers 0–9 en twee extra symbolen (+ en /) — om willekeurige binaire gegevens als tekst weer te geven. De naam "Base64" komt van dit 64-karakter-alfabet.
Wanneer een afbeelding wordt gecodeerd in Base64, worden elke 3 bytes van het originele binaire bestand weergegeven als 4 ASCII-tekens. Dit betekent dat Base64-gecodeerde gegevens ongeveer 33% groter zijn dan het origineel, maar het voordeel is dat de gegevens veilig kunnen worden ingebed in tekstgebaseerde indelingen zoals HTML, CSS, JSON, XML en e-mailberichten.
Een Base64-gecodeerde afbeelding wordt vaak verpakt in een data URI-indeling: data:image/png;base64,iVBORw0KGgo.... Het prefix geeft het MIME-type aan (image/png, image/jpeg, enzovoort) en de codering (base64), gevolgd door de daadwerkelijke gecodeerde gegevens. Deze data URI kan rechtstreeks worden gebruikt in een HTML <img>-tag's src-attribuut of in CSS background-image-eigenschappen, waardoor de afbeelding inline kan worden ingebed zonder een afzonderlijk HTTP-verzoek.
Veelgestelde Gebruikssituaties
E-mailbijlagen (MIME)
E-mailprotocollen (SMTP) zijn op tekst gebaseerd en kunnen geen onbewerkte binaire gegevens verzenden. Base64-codering is de standaardmethode voor het insluiten van afbeeldingen en bijlagen in e-mailberichten via MIME (Multipurpose Internet Mail Extensions). Wanneer je een afbeelding moet extraheren uit een onbewerkte e-mailbron, zul je Base64-gecodeerde gegevens tegenkomen die deze tool kan decoderen.
CSS-achtergrondafbeeldingen
Kleine afbeeldingen zoals pictogrammen, logo's en UI-elementen kunnen rechtstreeks in CSS worden ingebed als Base64 data URIs. Dit elimineert extra HTTP-verzoeken en wordt veel gebruikt in prestatie-geoptimaliseerde stylesheets. Het decoderen van deze strings stelt je in staat de originele afbeeldingsbestanden te extraheren en te bewerken.
HTML-documenten met één bestand
Zelfstandige HTML-bestanden — gebruikt voor rapporten, documentatie en dashboards — voegen alle assets in als Base64 om te werken zonder externe afhankelijkheden. Als je zo'n document ontvangt en een afbeelding moet extraheren, plak de Base64-string hier om het originele bestand op te halen.
API-antwoorden & JSON-payloads
Veel API's retourneren afbeeldingen als Base64-gecodeerde strings in JSON-antwoorden. Dit is gebruikelijk in API's voor documentverwerking, OCR-services, screenshot-API's en afbeelding generatie tools. Door het antwoord te decoderen kun je de afbeelding bekijken en opslaan zonder code te hoeven schrijven.
Ondersteunde Afbeeldingsformaten
Deze decoder detecteert automatisch het afbeeldingsformaat uit de Base64-gegevensheader of het data URI MIME-type. De volgende formaten worden ondersteund:
| Formaat | Extensie | Detectiemethode | Opmerkingen |
|---|---|---|---|
| PNG | .png | Header: iVBOR |
Verliesvrije compressie, transparantiebijstand |
| JPEG | .jpg | Header: /9j/ |
Verliesgevende compressie, foto's |
| GIF | .gif | Header: R0lGOD |
Animatieondersteuning, 256 kleuren |
| WebP | .webp | Header: UklGR |
Modern formaat, verliesgevend & verliesvrij |
| SVG | .svg | Header: PHN2Zy / PD94bW |
Vectorafbeeldingen, op XML gebaseerd |
| BMP | .bmp | Header: Qk0 |
Ongecomprimeerde bitmap |
| ICO | .ico | Header: AAABAA |
Favicon / icoonindeling |
Veelgestelde vragen
iVBORw0KGgo...) of een volledige data URI (bijv. data:image/png;base64,iVBORw0KGgo...). Het prefix wordt automatisch verwijderd en het MIME-type wordt gebruikt voor formaatdetectie.