> coderen | inbedden | optimaliseren <
// Converteer afbeeldingen naar Base64 strings voor webontwikkeling en data-inbedding
Sleep afbeelding hier of klik om te selecteren
Klik om bestanden te bladeren
Lokale Verwerking
100% client-side afbeelding codering. Je bestanden verlaten nooit je browser.
Drag & Drop
Snelle upload met drag en drop interface. Directe Base64 conversie.
Geen Limieten
Codeer afbeeldingen van elke grootte of formaat. Geen registratie of API sleutels vereist.
// FAQ
V: Wat is afbeelding naar Base64 codering?
A: Afbeelding naar Base64 codering converteert binaire afbeeldingsgegevens naar een tekststring met Base64 codering. Essentieel voor het direct inbedden van afbeeldingen in HTML, CSS, e-mails, of API's zonder aparte bestanden.
V: Hoe veilig is afbeelding naar Base64 conversie?
A: 100% veilige lokale verwerking. Alle afbeelding codering gebeurt in je browser. Nul server uploads. Je afbeeldingen verlaten nooit je apparaat.
V: Welke afbeeldingsformaten worden ondersteund?
A: Ondersteunt alle gangbare web afbeeldingsformaten: PNG, JPEG, GIF, WebP, SVG, BMP, en meer. Behoudt oorspronkelijke afbeeldingskwaliteit en formaat.
V: Hoe gebruik ik Base64 afbeeldingen in HTML?
A: Gebruik data URI formaat: <img src="data:image/png;base64,JE_BASE64_STRING">. Perfect voor inline afbeeldingen, pictogrammen, of het verminderen van HTTP-verzoeken.
V: Zijn er bestandsgrootte beperkingen?
A: Geen server-side limieten. Verwerking gebeurt lokaal in je browser. Grote bestanden kunnen langer duren om te coderen maar zullen werken.
// Veelgebruikte beeldformaten en MIME-typen
| Indeling | MIME-type |
|---|---|
| PNG | image/png |
| JPEG | image/jpeg |
| GIF | image/gif |
| WebP | image/webp |
| AVIF | image/avif |
| SVG | image/svg+xml |
// Data-URI’s in code
HTML <img src="data:image/png;base64,iVBORw0KGgo..." alt="">
CSS background: url("data:image/svg+xml;base64,PHN2Zy...");
Linux base64 -w0 logo.png
macOS base64 -i logo.png
Python base64.b64encode(open('logo.png','rb').read()).decode()
Node.js fs.readFileSync('logo.png').toString('base64')
>> Meer vragen
V: Waarom is een Base64-afbeelding ongeveer 33% groter?
A: Base64 codeert 3 bytes als 4 tekens, dus ongeveer een derde extra, wat gzip maar deels compenseert. Inline afbeeldingen lonen daarom vooral bij zeer kleine bestanden (enkele KB).
V: Wat is het nadeel van data-URI’s ten opzichte van afbeeldingsbestanden?
A: Een ingebedde afbeelding kan niet apart worden gecachet, maakt HTML of CSS groter en wordt bij elke keer laden van dat bestand opnieuw verstuurd. Gebruik voor grotere afbeeldingen een apart bestand.
V: Moet ik SVG als Base64 insluiten?
A: Meestal niet: SVG is tekst. Een URL-gecodeerde data:image/svg+xml,… is vaak kleiner dan Base64 en blijft leesbaar. Base64 werkt wel overal.