Converteer een afbeelding naar een Base64-data-URI om in te bedden in HTML, CSS of JSON, volledig in je browser.
Afbeeldingen als Base64 inbedden voorkomt een extra verzoek maar vergroot de grootte met ongeveer een derde. Het best voor kleine iconen.
Hoe gebruik je Afbeelding naar Base64
Kies een afbeelding van je apparaat.
Kopieer de data-URI, of het kant-en-klare CSS-fragment.
Plak het in je HTML, CSS of JSON.
Veelgestelde vragen
Nee. De afbeelding wordt volledig in je browser gelezen, dus hij verlaat je apparaat nooit.
Voor kleine afbeeldingen zoals iconen, waar het vermijden van een extra netwerkverzoek de groottetoename waard is. Voor grote afbeeldingen is een normaal bestand beter.
Base64-codering voegt ruwweg 33 procent overhead toe omdat het binaire data weergeeft met een beperkt tekstalfabet.
Een afbeelding-naar-Base64-converter die een data-URI en een kant-en-klaar CSS-achtergrondfragment produceert om afbeeldingen inline in te bedden.
Hij draait lokaal in je browser, dus je afbeeldingen blijven privé.
Gerelateerde tools
Genereer SHA-1, SHA-256, SHA-384 en SHA-512 hashes van willekeurige tekst, direct in je browser.
Converteer kleuren tussen HEX, RGB en HSL met een live voorbeeld.
Converteer Unix-timestamps naar leesbare datums en terug: UTC, lokaal, ISO 8601 en relatieve tijd. Seconden en milliseconden worden automatisch herkend.
Percent-encodeer en decodeer URL's en URL-componenten, UTF-8-veilig.
We gebruiken essentiële cookies om de site te laten werken. Met jouw toestemming laden we ook Google AdSense, dat advertentiecookies plaatst. Zie ons privacybeleid.