Afbeelding naar Base64
Converteer elke afbeelding direct naar een Base64 data-URI. Kopieer de gecodeerde string voor CSS-achtergronden, HTML img-tags of sluit direct in in JSON.
① Sleep of selecteer een afbeeldingsbestand ② Kies het uitvoerformaat (Base64 / Data URL) ③ Kopieer de gecodeerde string
De FileReader API leest je afbeeldingsbestand en converteert het naar een Base64-gecodeerde data-URI. Alles draait in de browser — je bestand verlaat nooit je apparaat.
Base64 codeert binaire gegevens als ASCII-tekst met 64 afdrukbare tekens. Een data-URI combineert het MIME-type en de Base64-string in een enkele insluitbare string die begint met data:.
Gebruik Base64-afbeeldingen om HTTP-verzoeken voor kleine iconen te elimineren, afbeeldingen in CSS in te sluiten, afbeeldingen in JSON API's op te slaan, of in e-mail HTML waar externe afbeeldingen worden geblokkeerd.
Afbeelding naar Base64 — hoe data-URI codering werkt
Base64-codering converteert binaire gegevens (zoals afbeeldingsbestanden) naar een tekstreeks met alleen ASCII-tekens. Een Data URL (data:image/png;base64,...) sluit de gecodeerde gegevens direct in HTML of CSS in, zonder een apart HTTP-verzoek. De FileReader API genereert de string volledig client-side. Ideaal voor kleine iconen in <img src="data:...">-tags of CSS background-image. De gecodeerde string is ongeveer 33% groter dan het originele binaire bestand.