Base64-afbeeldingsencoder en -decoder — gratis online conversiehulpmiddel
Base64-afbeeldingsencoder en -decoder
Converteer afbeeldingen naar Base64 en omgekeerd. Ondersteunt PNG, JPEG, GIF, WebP, BMP, SVG en ICO. Uitvoer als data-URI, HTML <img>, CSS background-image, Markdown, JSON of XML. Alle verwerking gebeurt lokaal in uw browser — uw afbeeldingen worden nooit naar een server geüpload.
Richting:
Indeling:
Afbeelding uploaden
📷
Klik om te kiezen of sleep een afbeelding hier naartoe
⚠ Grote afbeelding (>5 MB). De gecodeerde Base64 wordt erg lang. Overweeg eerst te comprimeren.
Indeling:
-
Afmetingen:
-
Bestandsgrootte:
-
Base64-grootte:
-
Uitvoer (Base64)
Coderen: Afbeelding → Base64 Upload of sleep een afbeelding om die naar Base64 te coderen. Kies uit 7 uitvoerformaten: data-URI (direct in webpagina's insluiten), ruwe Base64, HTML <img>, CSS background-image, Markdown, JSON of XML. Decoderen: wissel de richting om een Base64-tekenreeks terug naar een afbeelding te decoderen — plak een willekeurige Base64 of data-URI en bekijk de voorbeeldweergave. Het afbeeldingsformaat wordt automatisch herkend aan de magische bytes (PNG, JPEG, GIF, WebP, BMP, ICO, SVG). URL-veilig: vervangt + door - en / door _, en verwijdert de afsluitende =-opvulling. Ondersteunde formaten: PNG, JPEG, GIF, WebP, BMP, SVG, ICO. Privacy: alle verwerking gebeurt lokaal in uw browser — uw afbeeldingen worden nooit geüpload.
Wanneer het de moeite waard is afbeeldingen in te sluiten
Een afbeelding als data-URI insluiten bespaart één HTTP-verzoek, maar de Base64-tekst is ongeveer 33% groter dan de ruwe bytes en kan niet apart van de pagina worden gecachet. Die afweging loont voor kleine pictogrammen en eenmalige grafieken, en is meestal fout voor foto's en herhaald gebruikte elementen.
Vuistregel: sluit afbeeldingen onder enkele KB in — voor alles groter wint een apart gecachte afbeeldingsbestand bij herhaalde bezoeken.
🔷 Afbeelding-Base64-info
Uitvoerformaten 7 formaten voor verschillende toepassingen.
Data-URI data:image/png;base64,...
Ruwe Base64 Alleen een gewone Base64-tekenreeks
HTML <img src="...">-tag
CSS background-image: url(...)
Markdown / JSON / XML Insluiten in documenten, API's, configuraties