Hoe zet ik een afbeelding om in een Base64-data-URI?

Sleep of kies een afbeelding op de Base64-pagina van img-tools om meteen de Base64-data:-URI te krijgen, en klik dan op Kopiëren om deze in je CSS of HTML te plakken. Voor de omgekeerde richting plak je een data:image/...;base64,...-string in het decodeervak en klik je op Decoderen en downloaden om het bestand op te slaan. Het is gratis en draait volledig in je browser met Canvas, dus je afbeeldingen worden nooit geüpload.

Worden bestanden naar een server geüpload?

Nee. Zowel coderen als decoderen gebeurt volledig in je browser; je bestanden verlaten je apparaat nooit.

Een data:-URI bedt een bestand inline in als tekst (Base64), zodat je een afbeelding rechtstreeks in CSS of HTML kunt plaatsen zonder een aparte aanvraag.

Wanneer zou ik een afbeelding inline als Base64 plaatsen?

Voor kleine afbeeldingen (iconen, kleine achtergronden) om een aanvraag te besparen. Grote afbeeldingen kunnen beter als normale bestanden — Base64 is ~33% groter dan het binaire bestand.

Kan ik een data-URI terug decoderen naar een bestand?

Ja. Plak de data:-URI en klik op Decoderen en downloaden; de oorspronkelijke bytes worden lokaal gereconstrueerd.

Is de Base64 / data-URI-converter gratis?

Ja, afbeeldingen coderen naar Base64 en data-URI's decoderen terug naar bestanden is hier voor altijd gratis — geen account, geen aanmelding en geen limiet op het aantal bestanden. Beide bewerkingen draaien volledig in je browser en je bestanden verlaten je apparaat nooit. De site is advertentie-ondersteund, maar de converter zelf kost niets.

Ja. De tool draait lokaal met browser-API's en heeft geen serververbinding nodig.

Afbeelding ⇄ Base64 data-URI

Dit is een gratis browsergebaseerde tool om een afbeelding om te zetten naar een Base64 data:-URI (om inline te plaatsen in CSS/HTML) en om een data:-URI terug te decoderen naar een downloadbaar bestand. Alles draait op je apparaat; je bestanden worden nooit geüpload.

Codeer afbeeldingen naar Base64 en decodeer data-URI's — gratis, geen upload nodig.

100% gratis — voor altijd. Nooit kosten.
Privé: bestanden worden lokaal in je browser verwerkt en nooit naar een server verzonden.
Geen upload, geen account, geen aanmelding.

Hoe zet ik een afbeelding om in een Base64-data-URI?: Sleep of kies een afbeelding op de Base64-pagina van img-tools om meteen de Base64-data:-URI te krijgen, en klik dan op Kopiëren om deze in je CSS of HTML te plakken. Voor de omgekeerde richting plak je een data:image/...;base64,...-string in het decodeervak en klik je op Decoderen en downloaden om het bestand op te slaan. Het is gratis en draait volledig in je browser met Canvas, dus je afbeeldingen worden nooit geüpload.
Worden bestanden naar een server geüpload?: Nee. Zowel coderen als decoderen gebeurt volledig in je browser; je bestanden verlaten je apparaat nooit.
Wat is een data-URI?: Een data:-URI bedt een bestand inline in als tekst (Base64), zodat je een afbeelding rechtstreeks in CSS of HTML kunt plaatsen zonder een aparte aanvraag.
Wanneer zou ik een afbeelding inline als Base64 plaatsen?: Voor kleine afbeeldingen (iconen, kleine achtergronden) om een aanvraag te besparen. Grote afbeeldingen kunnen beter als normale bestanden — Base64 is ~33% groter dan het binaire bestand.
Kan ik een data-URI terug decoderen naar een bestand?: Ja. Plak de data:-URI en klik op Decoderen en downloaden; de oorspronkelijke bytes worden lokaal gereconstrueerd.
Is de Base64 / data-URI-converter gratis?: Ja, afbeeldingen coderen naar Base64 en data-URI's decoderen terug naar bestanden is hier voor altijd gratis — geen account, geen aanmelding en geen limiet op het aantal bestanden. Beide bewerkingen draaien volledig in je browser en je bestanden verlaten je apparaat nooit. De site is advertentie-ondersteund, maar de converter zelf kost niets.
Werkt het offline?: Ja. De tool draait lokaal met browser-API's en heeft geen serververbinding nodig.

Een data:-URI (RFC 2397) bedt bestandsinhoud inline in; met ;base64 is de payload Base64-gecodeerd.
Base64-codering stelt 3 bytes voor als 4 ASCII-tekens, waardoor de tekst ongeveer 33% groter wordt dan het oorspronkelijke binaire bestand.
Kleine afbeeldingen inline als data-URI's plaatsen verwijdert een HTTP-aanvraag, wat de eerste weergave voor kleine assets kan versnellen.
Lokaal coderen houdt het bestand op je apparaat — geen upload, en het werkt offline.
Base64 gebruikt een alfabet van 64 tekens (A–Z, a–z, 0–9, +, /) met = als opvulling.

🧬 Afbeelding ⇄ Base64 data-URI

Afbeelding ⇄ Base64 data-URI