---

title: Beeld naar Base64-omzetter — Gratis online tool description: Converteer elk beeld naar een Base64-data-URI direct. Ondersteunt PNG, JPEG, GIF, SVG, WebP en BMP. Gratis, privé en werkt volledig in je browser. date: 2026-05-17

Wat is Base64-afbeeldingscodering?

Base64-codering zet binaire afbeeldingsgegevens om in een tekststring die bestaat uit letters, cijfers, +, / en =. Wanneer deze wordt gecombineerd met een MIME-typevoorvoegsel, creëert het een data-URI — een zelfstandige string die je direct kunt embedden in HTML, CSS of JSON zonder een apart bestand.

In plaats van te linken naar een extern bestand:

<img src="logo.png" alt="Logo" />

Kun je de afbeelding inline embedden:

<img src="data:image/png;base64,iVBORw0KGgo..." alt="Logo" />

Waarom afbeeldingen omzetten naar Base64?

Voordelen	Beschrijving
Minder HTTP-aanvragen	Het embedden van kleine afbeeldingen elimineert afzonderlijke bestanddownloads
E-mailtemplates	Veel e-mailclients laden geen externe afbeeldingen — Base64 werkt inline
Éénbestandsapplicaties	Bundel pictogrammen en assets in één HTML-bestand voor eenvoudige deling
API-payloads	Stuur afbeeldingen als strings in JSON zonder meervoudige uploads
Offline documenten	Zelfstandige HTML-rapporten die werken zonder server

Ondersteunde afbeeldingsformaten

Formaat	MIME-type	Extensie
PNG	image/png	.png
JPEG	image/jpeg	.jpg, .jpeg
GIF	image/gif	.gif
SVG	image/svg+xml	.svg
WebP	image/webp	.webp
BMP	image/bmp	.bmp

Maximale bestandsgrootte: 10 MB.

Uitvoerformaten

Deze tool biedt vier uitvoerformaten:

1. Data-URI — Volledige data:image/...;base64,...-string. Gebruik direct in src-attributen of CSS url().
2. Alleen Base64 — Rauwe Base64-string zonder data-URI-voorvoegsel. Handig voor API-payloads.
3. HTML-tag — Volledige <img>-element met src, alt, width en height.
4. CSS-achtergrond — Klaar te gebruiken background-image: url(...)-verklaring.

Hoe te gebruiken

1. Een afbeelding uploaden — Sleep en neem op in het neem-op-veld, of klik om je bestanden te verkennen.
2. De afbeelding voorvertonen — Bekijk de geüploade afbeelding en de bestandsinformatie (naam, grootte, type, afmetingen).
3. Uitvoerformaat kiezen — Kies Data URI, Base64 Only, HTML Tag of CSS Background.
4. Kopiëren of downloaden — Klik op Kopiëren naar klembord of Downloaden als tekstbestand.

Wanneer Base64 gebruiken (en wanneer niet)

Goede toepassingen:

• Kleine pictogrammen en UI-elementen (onder de 10 KB)
• E-mailnieuwsbriefafbeeldingen
• Éénbestands HTML-prototypes
• JSON API-payloads waar meervoudige uploads niet beschikbaar zijn

Vermijd voor:

• Grote foto's of hero-afbeeldingen (verhoogt bestandsgrootte met ~33%)
• Websites met veel afbeeldingen (geen browsercaching voor ingesloten data)
• Herhaalde afbeeldingen op meerdere pagina's (Base64 kan niet apart worden gecached)

Privacy en beveiliging

Alle verwerking vindt volledig in je browser plaats. Je afbeeldingen worden nooit geüpload naar een server. De Base64-conversie wordt uitgevoerd client-side via de FileReader API.

Vaak gestelde vragen

Verhoogt Base64 de bestandsgrootte? Ja. Base64-codering verhoogt de oorspronkelijke bestandsgrootte met ongeveer 33%. Een 3 KB PNG wordt ongeveer 4 KB in Base64.

Kan ik Base64 terugzetten naar een afbeelding? Ja. Je kunt een data-URI plakken in de adresbalk van een browser om de afbeelding te bekijken, of een Base64-decoder-tool gebruiken om het op te slaan als bestand.

Is er een bestandsgroottebeperking? Deze tool accepteert afbeeldingen tot 10 MB. Voor grotere bestanden overweeg dan een command-line-tool zoals base64 op Linux/macOS.

Werkt het met SVG-bestanden? Ja. SVG-bestanden worden omgezet naar Base64 net zoals rasterafbeeldingen. Merk op dat voor SVG je ook de SVG-markup rechtstreeks kunt inlijsten in HTML voor betere prestaties.