Zo gebruik je het
- Kies een afbeelding, sleep die hierheen of plak ze met Ctrl+V.
- Kies de uitvoer — data-URI, alleen Base64, CSS-achtergrond, HTML-img-tag of Markdown.
- Kopieer het resultaat.
- Plak voor de andere richting een data-URI of Base64-string bij Base64 naar afbeelding.
Opties uitgelegd
- Data-URI
- De volledige tekenreeks data:image/png;base64,…, te gebruiken overal waar een URL wordt geaccepteerd.
- Alleen Base64
- Alleen de gecodeerde data zonder het voorvoegsel data:…;, voor API's en JSON-velden die puur Base64 verwachten.
Voorbeelden
| Uitvoer | Resultaat |
|---|---|
| Data-URI | data:image/png;base64,iVBORw0KGgo… |
| CSS | background-image: url("data:image/png;base64,…"); |
| HTML | <img src="data:image/png;base64,…" alt=""> |
Veelgestelde vragen
Hoeveel groter maakt Base64 een afbeelding?
Ongeveer een derde groter. Base64 gebruikt vier tekens voor elke drie bytes, dus een afbeelding van 30 KB wordt ongeveer 40 KB aan tekst.
Wanneer moet ik een afbeelding als Base64 inline plaatsen?
Voor kleine iconen en afbeeldingen onder een paar kilobyte bespaart inline plaatsen een netwerkverzoek. Grotere afbeeldingen zijn beter als apart bestand, omdat ze gecachet kunnen worden en je HTML of CSS niet opblazen.
Welke formaten worden ondersteund?
Elke afbeelding die je browser kan lezen, waaronder PNG, JPEG, GIF, WebP, SVG, AVIF en ICO. Bij decoderen wordt het formaat herkend aan de data zelf als het MIME-type ontbreekt.
Worden mijn afbeeldingen geüpload?
Nee. Coderen en decoderen gebeurt in je browser.
Privacy
Deze tool draait volledig in je browser. Je bestanden en tekst worden op je eigen apparaat verwerkt en nooit naar onze servers geüpload.