Base64 naar afbeelding converteren
Plak Base64-tekst of een data-URL en krijg de afbeelding terug.
Draait in je browser. Niets van wat je typt wordt ergens naartoe gestuurd.
- Herkent het bestandstype
- Werkt met of zonder voorvoegsel
- Niets wordt geüpload
Zo zet je Base64 om naar een afbeelding
- Plak een data:image/...-URL of ruwe Base64-tekst.
- Klik op Afbeelding decoderen.
- Bekijk het voorbeeld en download het bestand.
Waar Base64-afbeeldingstekst vandaan komt
- Een data-URL gekopieerd uit de CSS- of HTML-bron van een webpagina.
- Een veld in een API-response of database-export, dat een foto vaak als tekst opslaat in plaats van als bestand.
- Een screenshot of logo dat is ingebed in de HTML van een e-mail.
- Een tool die afbeeldingen naar Base64 omzet, inclusief die op deze site.
Hoe het bestandstype wordt herkend
Begint de tekst met het voorvoegsel data:image/..., dan wordt het type daar direct uit gelezen. Geplakte tekst zonder voorvoegsel wordt eerst gedecodeerd, waarna de eerste bytes van het resultaat worden vergeleken met de eigen signatuur van elk formaat.
| Formaat | Herkend aan |
|---|---|
| PNG | Bytes 89 50 4E aan het begin |
| JPG | Bytes FF D8 FF aan het begin |
| GIF | Bytes 47 49 46 |
| BMP | Bytes 42 4D |
| WEBP | Een RIFF-header met een WEBP-tag |
| ICO | Bytes 00 00 01 00 |
| SVG | Tekst die begint met svg of xml |
Een decodeerfout oplossen
- Regeleinden en spaties worden automatisch verwijderd, dus tekst die uit een code-editor is gekopieerd, werkt ook gewoon.
- Een afgekapte string, waarbij een deel van de tekst verloren ging tijdens het kopiëren, kan niet worden gedecodeerd en toont een foutmelding.
- Extra tekens buiten het Base64-alfabet, of een ontbrekend afsluitend =-teken, veroorzaken ook een fout.
Veelgestelde vragen over Base64 naar afbeelding
Waar haal ik de Base64-tekst vandaan?
Meestal komt die uit een data-URL in HTML of CSS, een API-response, een databaseveld, of een tool die afbeeldingen naar Base64 omzet.
Werkt het zonder het voorvoegsel data:image/...?
Ja. Plak alleen de ruwe Base64-tekens en de tool herkent het afbeeldingstype aan de gedecodeerde bytes.
Welke afbeeldingstypen worden herkend?
PNG, JPG, GIF, WEBP, BMP en ICO worden herkend aan de eigen header van het bestand, en SVG wordt herkend wanneer de gedecodeerde tekst begint met een svg- of xml-tag.
Wordt mijn data geüpload?
Nee. Decoderen gebeurt volledig in je browser, dus er wordt niets ergens naartoe gestuurd.
Waarom krijg ik "geen geldige Base64-afbeeldingsdata"?
De geplakte tekst mist tekens, is tijdens het kopiëren afgekapt, of bevat iets buiten het Base64-alfabet (A tot Z, a tot z, 0 tot 9, plus, schuine streep en =-opvulling). Kopieer de volledige string opnieuw.
Moet ik regeleinden verwijderen voordat ik plak?
Nee. Regeleinden en spaties worden automatisch verwijderd voor het decoderen, dus tekst die uit opgemaakte code is gekopieerd, werkt ook gewoon.
Kan ik een SVG decoderen vanuit Base64?
Ja. Als de gedecodeerde tekst begint met een svg- of xml-tag, wordt hij behandeld als SVG en net als elke andere afbeelding als voorbeeld getoond.
Is er een limiet op de lengte van de Base64-tekst die ik kan plakken?
Geen harde limiet. Heel lange strings kosten de browser gewoon iets meer tijd om te decoderen.