Ondersteunde formaten: PNG, JPG, GIF, WebP, SVG
Nog geen bestand gekozen
Afbeelding naar Base64
Upload een afbeelding en de tool zet deze om naar een Base64-string die je direct in HTML, CSS of JavaScript kunt gebruiken. Zo laad je een afbeelding zonder apart bestand — handig voor e-mails en embedded content.
Laatst bijgewerkt: mei 2026
Advertentie
Advertentie
Hoe werkt afbeelding naar Base64?
De tool leest de binaire data van je afbeelding en codeert deze naar een Base64-string. Het resultaat is een lange tekstreeks die je direct in HTML of CSS kunt gebruiken als data-URI:
<img src="data:image/png;base64,iVBORw0KGgo..." />
Voordelen van Base64-afbeeldingen:
- Geen extra HTTP-verzoek — De afbeelding is ingebed in de HTML/CSS, dus de browser hoeft geen apart bestand op te halen.
- Eenvoudig transporteren — Je kunt de afbeelding meesturen in een JSON-API, e-mail of database-veld als tekst.
- Zelfstandig bestand — Een HTML-bestand met Base64-afbeeldingen werkt overal, zonder losse afbeeldingsbestanden.
Wanneer wel en niet Base64 gebruiken?
| Situatie | Base64 gebruiken? | Waarom? |
|---|---|---|
| Kleine iconen (< 5 KB) | Ja | Bespaart HTTP-verzoeken, minimale overhead |
| CSS-achtergronden (klein) | Ja | Voorkomt FOUC (Flash of Unstyled Content) |
| E-mail templates | Ja | Afbeeldingen worden inline meegestuurd |
| Grote foto's (> 50 KB) | Nee | Base64 is 33% groter dan het origineel |
| Veel afbeeldingen op één pagina | Nee | Blaast de HTML-bestandsgrootte op |
| Afbeeldingen die gecachet moeten worden | Nee | Aparte bestanden kunnen door de browser worden gecachet |
Vuistregel: gebruik Base64 voor afbeeldingen kleiner dan 10 KB. Grotere afbeeldingen serveer je als apart bestand voor betere performance.
Veelgestelde vragen
Waarvoor gebruik ik afbeelding naar Base64?▼
Base64-afbeeldingen kun je direct in HTML () of CSS (background-image) insluiten zonder een apart afbeeldingsbestand.
Welke afbeeldingsformaten worden ondersteund?▼
De tool ondersteunt PNG, JPG, GIF, WebP en SVG.
Is mijn afbeelding veilig?▼
Ja, de conversie vindt volledig in je browser plaats. De afbeelding wordt nooit naar een server gestuurd.
Kan ik ook tekst naar Base64 coderen?▼
Voor het coderen van tekst — geen afbeeldingen — gebruik je de Base64 encoder / decoder.
Gerelateerde tools
OntwikkelaarBase64 Encoder / DecoderCodeer en decodeer tekst naar Base64 formaat. Gratis online Base64 encoder en decoder — werkt direct in je browser zonder registratie of installatie nodig.Afbeelding & BestandWachtwoord GeneratorGratis wachtwoord generator. Stel de lengte en tekensets in voor een sterk wachtwoord. De wachtwoorden worden lokaal in je browser gemaakt en nooit opgeslagen.Afbeelding & BestandQR Code MakerMaak gratis een QR-code van een URL of tekst. De code verschijnt direct op het scherm en je kunt hem downloaden als PNG. Geen account of registratie nodig.