Afbeelding naar Base64 Converter
Encodeer elke afbeelding naar een Base64 data URI voor inline CSS/HTML, of decodeer een data URI terug naar een afbeelding.
Snel antwoord: Encodeer elke afbeelding naar een Base64 data URI voor inline CSS/HTML, of decodeer een data URI terug naar een afbeelding.
Laatst bijgewerkt
Veelgestelde vragen
- Wanneer moet ik een afbeelding inline zetten als Base64?
- Gebruik het voor afbeeldingen van minder dan 2 KB die samen met een enkele CSS-bestand moeten worden verzonden (bijv. iconen in een e-mailtemplate, kleine SVG-achtergronden) of voor offline enkele HTML-demo's. Boven de 5 KB is een normale <code><img></code> aanvraag sneller omdat deze in de cache kan worden opgeslagen.
- Zal de Base64-versie groter zijn dan het origineel?
- Ja — Base64 voegt ongeveer 33% overhead toe. Een afbeelding van 1 KB wordt een string van 1,34 KB. Dat is prima voor kleine assets maar verspilling voor grote.
- Werkt het met SVG?
- Ja, maar voor SVG wil je het meestal als ruwe SVG-markup (of URL-encoded) laten in plaats van Base64 — beide zijn meestal kleiner en later aanpasbaar.
- Kan ik een data-URI plakken om het bestand te herstellen?
- Ja — het decodeerpaneel accepteert <code>data:image/...</code> URI's en geeft je een downloadbaar bestand plus een live preview.
- Zijn mijn afbeeldingen geüpload?
- Nee. FileReader leest bytes lokaal en de gecodeerde string verlaat je browser nooit.