Naar de inhoud

Afbeelding naar Base64 converteren (en Base64 naar afbeelding)

Maak van een afbeelding een Base64-data-URI voor HTML of CSS, of van Base64-tekst weer een afbeelding.

of sleep ze hierheen, of plak met Ctrl+V / ⌘V

Ondersteund: JPG, PNG, WebP, HEIC, SVG, AVIF, GIF, BMP, ICO, TIFF

Als je doorgaat, wordt het bestand via een versleutelde verbinding geüpload en op onze server geconverteerd. Je kunt de site intussen gewoon blijven gebruiken. Het origineel wordt verwijderd zodra het is geconverteerd; het resultaat blijft 7 dagen beschikbaar om te downloaden en je kunt het altijd verwijderen. Bestanden worden nooit gedeeld of voor iets anders gebruikt.

Je afbeeldingen worden in je browser verwerkt en niet geüpload. Details over privacy

Zo gebruik je: Afbeelding naar Base64

  1. 1 Om te coderen kies of sleep je een afbeelding; de Base64-tekst verschijnt meteen.
  2. 2 Kies hoe je hem kopieert: data-URI, alleen Base64, een HTML-img-tag, CSS, Markdown of JSON.
  3. 3 Kopieer hem naar het klembord of download hem als tekstbestand.
  4. 4 Om te decoderen schakel je over naar „Base64 → Afbeelding”, plak je de tekst en download je de afbeelding.

Over deze tool

Base64 maakt van een bestand gewone tekst, zodat een afbeelding rechtstreeks in HTML, CSS, JSON of een e-mailsjabloon kan staan in plaats van als apart bestand te laden. Ontwikkelaars gebruiken het voor kleine pictogrammen, placeholders en logo's die altijd beschikbaar moeten zijn.

De encoder leest je bestand precies zoals het is, zonder opnieuw te comprimeren, en geeft kant-en-klare codefragmenten. De decoder accepteert gewone Base64 of een volledige data-URI (ook URL-veilige Base64), herkent het echte afbeeldingsformaat aan de gedecodeerde bytes en laat je het bestand downloaden.

Base64-tekst is ongeveer een derde groter dan het originele bestand en is dus het best voor kleine afbeeldingen. Alles gebeurt in je browser; er wordt niets geüpload.

Veelgestelde vragen

Wanneer gebruik ik Base64-afbeeldingen?

Voor kleine afbeeldingen (pictogrammen, logo's, placeholders van een paar kilobyte) die samen met de pagina moeten laden of in één bestand moeten zitten, zoals een e-mailsjabloon of JSON. Grote foto's werken beter als gewone bestanden, die browsers kunnen cachen en parallel laden.

Waarom is de Base64-tekst groter dan de afbeelding?

Base64 gebruikt 4 tekens voor elke 3 bytes en is dus ongeveer 33% groter. Comprimeer of verklein de afbeelding eerst als de grootte belangrijk is.

Wat is een data-URI?

Een data-URI is Base64-tekst met een voorvoegsel zoals „data:image/png;base64,”. Browsers accepteren hem overal waar een afbeeldings-URL wordt verwacht, bijvoorbeeld in een img-tag of een CSS-background-image.

Welk formaat krijgt de gedecodeerde afbeelding?

Het formaat dat de gegevens echt bevatten (JPG, PNG, WebP, GIF, SVG …). De tool herkent het aan de gedecodeerde bytes, niet aan het voorvoegsel dat je plakte.

Wordt mijn afbeelding geüpload?

Nee. Coderen en decoderen gebeuren in je eigen browser.