Afbeelding naar Base64

Over deze tool

Codeer elke afbeelding naar een Base64 data-URI zodat je hem direct in je HTML, CSS of JSON kunt insluiten — zonder apart afbeeldingsbestand of extra HTTP-verzoek. Of ga de andere kant op en decodeer een Base64-string terug naar een afbeelding die je kunt bekijken en downloaden.

Werkt met PNG, JPG, GIF, WebP en SVG, geeft je de string met of zonder het data:image/…;base64,-prefix, en kan hem kopiëren als kant-en-klare CSS-achtergrond-regel. Alles gebeurt in je browser — je afbeelding wordt nooit geüpload.

Functies

• Beide richtingen — afbeelding → Base64, en Base64 → afbeelding
• Met of zonder het data-URI-prefix
• Kopiëren als CSS — background-image: url("…")
• Download de gedecodeerde afbeelding
• Privé — coderen en decoderen gebeurt op je eigen apparaat

Zo gebruik je het

• Afbeelding → Base64 — upload een afbeelding en kopieer daarna de Base64-string (zet het data-URI-prefix aan of uit)
• Base64 → Afbeelding — wissel van modus, plak een data-URI of ruwe Base64, en bekijk en download de afbeelding
• Gebruik Kopiëren als CSS-achtergrond om direct in een stylesheet te plakken

Veelgestelde vragen

Wanneer moet ik een afbeelding als Base64 insluiten?

Kleine iconen, logo's en achtergronden zijn goede kandidaten — insluiten scheelt een HTTP-verzoek. Grote afbeeldingen kun je beter als normaal bestand laten staan, want Base64 is ongeveer 33% groter dan de originele bytes.

Wordt mijn afbeelding geüpload?

Nee. De conversie gebeurt volledig in je browser.