Afbeelding naar Base64 omzetten

Plak de gegenereerde code meteen in je HTML, CSS of JavaScript. Alles gebeurt in je browser — er verlaat geen bestand je computer.

Klik of sleep een afbeelding hierheen
Slepen en neerzetten werkt ook
PNG · JPG · WebP · SVG · GIF · BMP · ICO
Voorbeeld
⚠ Grote afbeelding (>100 KB). Gebruik voor grotere beelden liever een extern bestand, dat is sneller.

Zo werkt de Base64-converter

Sleep je afbeelding naar het vak hierboven of klik om een bestand te kiezen. De omzetting gebeurt meteen in je browser — je wacht dus niet op een upload of download. Alle gangbare formaten werken: PNG, JPG, JPEG, GIF, WebP, SVG en BMP.

Kies daarna het uitvoerformaat dat bij je past: data-URI voor algemeen gebruik, HTML <img> om in je HTML te plakken, CSS background voor stylesheets, Alleen Base64 voor API’s en scripts, of JSON voor API-payloads.

Klik op “kopiëren” en plak de code waar je hem nodig hebt. Er gaat geen bestand naar een server — alles draait lokaal in je browser op pure JavaScript.

Waarom een afbeelding naar Base64 omzetten?

Base64 zet binaire bestanden om in ASCII-tekst, waardoor je een afbeelding rechtstreeks in je code kunt opnemen zonder externe HTTP-verzoeken. Dat komt goed van pas in HTML-mails, waar mailprogramma’s losse afbeeldingslinks vaak blokkeren; in applicaties die offline of zonder CDN moeten werken; en in embedded systemen, waar één bestand met alle assets de uitrol een stuk eenvoudiger maakt.

Door afbeeldingen als Base64 in je CSS of HTML te zetten, schakel je extra serververzoeken uit — dat scheelt laadtijd op pagina’s met veel kleine iconen of interface-elementen. Bij SVG-iconen kun je het resultaat bovendien via CSS aansturen, bijvoorbeeld om met filters de kleur te veranderen.

Veiligheid en privacy

Anders dan online tools die je bestanden naar externe servers sturen, draait deze converter volledig aan de clientkant. Je afbeeldingen verlaten je apparaat nooit. Dat is essentieel bij gevoelig beeldmateriaal, eigen logo’s, interne documenten of wat dan ook dat niet bij derden terecht mag komen.

De omzetting verloopt via de ingebouwde API van je browser — dezelfde die professionele applicaties gebruiken — en is dus betrouwbaar en breed compatibel, zonder externe bibliotheken of internetverbinding.

Veelgestelde vragen

Wat is Base64 en waar gebruik je het voor?
Base64 is een codering die binaire data (zoals afbeeldingen) omzet naar ASCII-tekst. Daardoor kun je een afbeelding rechtstreeks in HTML, CSS of JavaScript zetten zonder los bestand, wat HTTP-verzoeken scheelt en het versturen van beeld via e-mail of API’s makkelijker maakt.
Wordt mijn afbeelding naar een server gestuurd?
Nee. De omzetting gebeurt volledig in je browser met JavaScript. Er gaat geen enkel bestand naar een externe server: je gegevens blijven op je eigen apparaat.
Wat is de maximale afbeeldingsgrootte?
De tool legt technisch geen limiet op — het geheugen van je browser is de grens. Gebruik Base64 bij voorkeur alleen voor kleine afbeeldingen (onder 100 KB): grote bestanden blazen je HTML of CSS op en remmen de pagina af.
Welke afbeeldingsformaten worden ondersteund?
De tool ondersteunt PNG, JPG/JPEG, WebP, GIF, SVG, BMP, ICO en elk formaat dat je browser kan lezen. Het MIME-type wordt automatisch herkend en in de data-URI gezet.
Hoe gebruik ik het Base64-resultaat in HTML?
Kies het tabblad “HTML <img>” en kopieer de gegenereerde code. Die heeft de vorm <img src="data:image/png;base64,iVBORw0K..." />. Plak hem in je HTML — de browser toont de afbeelding zonder een extern bestand te laden.
Ga verder met een andere tool
Gerelateerde artikelen
Bekijk alle artikelen →