Sleep hieronder een afbeelding om hem direct naar Base64 te coderen — alles werkt in je browser, er wordt niets geüpload naar de server.
Sleep hier een afbeelding naartoe
of klik om te bladeren — je kunt ook vanuit je klembord plakken
Afbeelding kiezen
Voorbeeld
  • Bestandsnaam
  • Type
  • Afmetingen
  • Originele grootte
  • Base64-grootte
  • Je Base64-string verschijnt hier zodra je een afbeelding toevoegt.

    Over Afbeelding naar Base64

    De Afbeelding-naar-Base64-converter codeert elke afbeelding naar een Base64-string of een kant-en-klare data-URI, volledig in je browser. Sleep een bestand naar de dropzone, blader ernaar of plak een afbeelding rechtstreeks vanaf je klembord — de gecodeerde uitvoer verschijnt direct, samen met een voorbeeld.

    Je kiest tussen ruwe Base64 (alleen de gecodeerde bytes) en een volledige data-URI in de vorm data:image/…;base64,…, die direct te plakken is in een CSS background-image, een HTML img src of een JSON-payload. Een detailpaneel toont de bestandsnaam, het MIME-type, de pixelafmetingen, de oorspronkelijke grootte en de gecodeerde grootte.

    Omdat het bestand lokaal wordt gelezen met de FileReader API, wordt niets naar een server geüpload — handig wanneer de afbeelding een logo, een screenshot van een intern dashboard of een ander bestand is dat je niet aan een derde partij wilt geven.

    Hoe gebruik je Afbeelding naar Base64

    1. Sleep een afbeelding naar de pagina, klik om te bladeren, of plak er een vanaf je klembord.
    2. Kies het uitvoerformaat: ruwe Base64 of een data-URI.
    3. Bekijk het voorbeeld en de afbeeldingsdetails (type, afmetingen, oorspronkelijke versus gecodeerde grootte).
    4. Klik op Base64 kopiëren om de string te gebruiken in je CSS, HTML of JSON.

    Veelgestelde vragen

    Nee. Het bestand wordt lokaal in je browser gelezen en gecodeerd met de FileReader API. Het raakt nooit een server aan, waardoor het resultaat zelfs bij grotere afbeeldingen direct verschijnt.

    Ja, hij is gratis zonder limiet op het aantal afbeeldingen dat je converteert.

    Inline plaatsen is geschikt voor kleine bestanden — iconen, kleine logo's, e-mailafbeeldingen — waar het besparen van een HTTP-verzoek belangrijker is dan cache-efficiëntie. Grote foto's worden beter als gewone bestanden aangeboden, omdat Base64 ook onafhankelijke caching uitschakelt.

    Base64 representeert elke 3 bytes met 4 ASCII-tekens, waardoor de gecodeerde string ongeveer 33% groter is dan het oorspronkelijke bestand. Het detailpaneel toont beide groottes zodat je de afweging kunt maken.

    Ruwe Base64 bestaat alleen uit de gecodeerde bytes — handig voor API's en JSON-velden. Een data-URI omhult die bytes met het MIME-type-voorvoegsel (data:image/png;base64,…) zodat browsers het direct kunnen weergeven in src-attributen en CSS url()-waarden.


    Populaire zoekopdrachten
    afbeelding naar base64 base64 afbeelding encoder afbeelding data uri afbeelding base64 omzetten png naar base64 inline afbeelding base64
    Hulp nodig?
    Een probleem met deze tool gevonden? Laat het ons weten.
    Een probleem melden

    Voeg deze gratis tool toe aan je eigen website — kopieer en plak de onderstaande code.