Afbeelding naar Base64 – gratis online
Zet elke afbeelding direct om naar Base64. Krijg een data-URI en HTML- en CSS-snippets, of decodeer Base64 terug naar een afbeelding. Je bestanden verlaten je browser nooit.
🔒 Je bestand verlaat je browser nooit. Alle verwerking gebeurt lokaal.
Afbeelding coderen → Base64
Zo zet je een afbeelding om naar Base64
- 1
Upload je afbeelding
Klik op het uploadvak of sleep een afbeelding erheen. JPG, PNG, WebP, GIF en SVG worden ondersteund.
- 2
Kopieer het resultaat
De Base64-string, data-URI, HTML-img-tag en CSS-snippet verschijnen direct. Klik op een Kopiëren-knop om te kopiëren naar het klembord.
- 3
Gebruik het in je project
Plak de data-URI in de src van een img, in CSS background-image of overal waar een URL is toegestaan. De afbeelding is volledig ingesloten, zonder extern bestand.
Base64-codering zet de binaire gegevens van een afbeelding om in een reeks ASCII-tekens die veilig in tekstformaten als HTML, CSS, JSON en XML past. Handig als je een klein pictogram of logo zonder extra HTTP-verzoek in een pagina wilt insluiten, of afbeeldingen wilt doorgeven aan API's die alleen tekst accepteren.
Een data-URI combineert het MIME-type en de Base64-gegevens in één string: data:image/png;base64,iVBORw0KGgo…. Browsers behandelen die precies als een URL naar een afbeeldingsbestand. Alles gebeurt in je eigen browser met de FileReader-API; het bestand wordt niet naar een server geüpload.
Base64 is vooral geschikt voor kleine afbeeldingen (pictogrammen en logo's onder 5 KB): een afbeelding in Base64 is ongeveer 33% groter dan het origineel, wat de pagina zwaarder maakt en caching minder effectief. Gebruik voor grote afbeeldingen een gewone URL. De omgekeerde modus accepteert een Base64-string of volledige data-URI en bouwt de afbeelding weer op, zodat je die kunt bekijken en downloaden.