In dit artikel
Wat is Base64-beeldcodering?
Base64 is een binair-naar-tekst coderingsschema dat binaire data (zoals een afbeeldingsbestand) weergeeft als een ASCII-tekenreeks. Wanneer u een afbeelding naar Base64 encodeert, is het resultaat een lange tekenreeks die direct kan worden ingebed in HTML, CSS of JSON — zonder apart bestand te downloaden.
De meest gebruikelijke vorm is een Data URI, die eruitziet als data:image/png;base64,iVBORw0KGgo... en direct kan worden gebruikt in het src-attribuut van een <img>-tag of een CSS background-image eigenschap.
Hoe onze encoder werkt
De Image to Base64-encoder van CheckTown draait volledig in uw browser — er worden geen bestanden naar een server geüpload:
- Upload een afbeelding (JPEG, PNG, WebP, GIF of BMP tot 50 MB) via slepen-en-neerzetten, bestandskiezer of plakken
- Kies een uitvoerformaat: Data URI, ruwe Base64, HTML <img>-tag, of CSS background-image fragment
- Kopieer de gecodeerde tekenreeks naar uw klembord met één klik en plak deze direct in uw code
Probeer gratis — geen aanmelding vereist
Encodeer een afbeelding →Wanneer Base64-afbeeldingen gebruiken
Base64-codering is nuttig in specifieke ontwikkelingsscenario's:
- Inline afbeeldingen — sluit kleine pictogrammen of logo's direct in HTML/CSS in om extra HTTP-verzoeken te elimineren en de laadtijd te verbeteren
- E-mailtemplates — veel e-mailclients blokkeren externe afbeeldingen standaard, maar inline Base64-afbeeldingen worden direct weergegeven
- API-payloads — neem afbeeldingsdata op in JSON API's of configuratiebestanden waar binaire uploads niet worden ondersteund
Veelgestelde vragen
Vergroot Base64 de bestandsgrootte?
Ja — Base64-codering vergroot de datagrootte met ongeveer 33%. Een afbeelding van 100 KB wordt ongeveer 133 KB aan tekst. Daarom is Base64 het beste voor kleine afbeeldingen (pictogrammen, miniaturen) in plaats van grote foto's.
Wanneer moet ik Base64 NIET gebruiken?
Vermijd Base64 voor grote afbeeldingen (meer dan 10–20 KB). De grootte-overhead weegt niet op tegen het voordeel van het besparen van een HTTP-verzoek. Serveer grote bestanden als gewone bestanden en laat de browser ze cachen.
Wordt mijn afbeelding naar een server geüpload?
Nee. De codering gebruikt de FileReader API van de browser. Uw afbeelding verlaat nooit uw apparaat.