Base64-beeldencoder

Versleep uw afbeelding (JPG, PNG, SVG, WEBP) of klik om te uploaden. De tool genereert direct de Base64-string, klaar om te gebruiken als data-URI in CSS of HTML.

Gebruik Base64-codering voor kleine afbeeldingen zoals pictogrammen, logo's en UI-elementen (minder dan 5 KB). Hierdoor worden HTTP-verzoeken voor deze assets geëlimineerd, wat de prestaties enigszins kan verbeteren. Voor grote afbeeldingen zijn externe URL's beter.

Gebruik het als achtergrondafbeelding: background-image: url('data:image/png;base64,iVBORw0KGgo...'); De tool genereert automatisch dit CSS-fragment, klaar om te kopiëren.

Gebruik het als het src-attribuut van een img-tag: <img src='data:image/png;base64,iVBORw0KGgo...'/>. De tool genereert dit HTML-fragment voor u.

Ja. Base64-codering vergroot de bestandsgrootte met ongeveer 33% vergeleken met het binaire origineel. Dit is een afweging: u bespaart een HTTP-verzoek, maar de gegevens zijn groter. Het is de moeite waard voor zeer kleine afbeeldingen, maar niet voor grote foto's.

Ja. Schakel over naar de decodeermodus, plak uw Base64-tekenreeks (met of zonder het voorvoegsel data:image/...) en de tool rendert de afbeelding en laat u deze downloaden als een bestand. Dit is handig voor het extraheren van ingesloten afbeeldingen uit HTML-broncode of API-payloads.

Voeg een JPG, PNG, GIF, WebP of SVG toe en de tool voert de Base64-string uit, plus kant-en-klare fragmenten: een data-URI, een img src en een CSS-achtergrond-url. De conversie is lokaal, dus de afbeelding wordt nooit geüpload.

Plak de Base64 (of volledige gegevens-URI) en de tool rendert en laat je de originele afbeelding downloaden, handig voor het extraheren van een ingesloten afbeelding uit CSS of HTML.

Base64 sluit de afbeelding rechtstreeks in HTML, CSS of een e-mail in, zodat er geen apart bestand hoeft te worden geladen, handig voor kleine pictogrammen en inline assets, hoewel grote afbeeldingen beter als normale bestanden kunnen worden gelaten.

Ja, met ongeveer een derde, aangezien binair wordt weergegeven als tekst. Daarom is dit het beste voor kleine activa waarbij het vermijden van een verzoek zwaarder weegt dan de omvang.

Nee. Het coderen en decoderen gebeurt volledig in uw browser.