NL

Afbeelding omzetten naar Base64

Met deze tool zet je een afbeelding om naar Base64 en krijg je meteen een data-URL, HTML-tag, CSS-achtergrond, Markdown of JSON om te kopiëren. Desgewenst wordt de afbeelding eerst verkleind of omgezet naar PNG, JPG of WebP. Andersom toont de decoder de afbeelding achter Base64-tekst en slaat hij haar op als bestand.

Bron: RFC 2397, RFC 2397 – The "data" URL scheme. Bijgewerkt: .

Sleep je bestanden hierheen of

Eén afbeelding (JPG, PNG, GIF, WebP, SVG, ICO …), tot 10 MB

Tip: je kunt afbeeldingen ook plakken met Ctrl + V.

Je bestanden worden alleen in je browser verwerkt en niet naar een server geüpload: ze verlaten je apparaat niet.

Base64-code

Kies een afbeelding – hier verschijnt dan de Base64-code.

Mijn toolbox

Resultaat

Zo wordt het berekend

Zo zet je een afbeelding om naar Base64

  1. Sleep een afbeelding erin, kies haar of plak met Ctrl + V. De Base64-code verschijnt meteen.
  2. Kies de uitvoer: data-URL voor src of url(), alleen Base64 voor API’s, een kant-en-klare HTML-img-tag met breedte en hoogte, een CSS-regel voor background-image, Markdown of JSON.
  3. Kopieer of bewaar als tekstbestand.

Een data-URL volgt RFC 2397: data:image/png;base64, met daarachter de bytes van de afbeelding in Base64 volgens RFC 4648. Het MIME-type wordt aan de inhoud herkend, niet aan de extensie: een PNG met de naam .jpg krijgt dus toch image/png.

Hoe groot wordt een afbeelding in Base64?

Base64 maakt van elke 3 bytes 4 tekens, dus de tekst is ongeveer 33% groter dan het bestand: een afbeelding van 30 kB wordt zo’n 40.000 tekens. Base64 is daarom vooral handig voor kleine graphics zoals iconen, logo’s, afbeeldingen in e-mails, losse HTML-bestanden en CSS. Verklein grote foto’s eerst met ‘Verkleinen tot breedte’ of zet ze om naar WebP of JPG.

Base64 terug naar een afbeelding

Plak in de modus ‘Base64 → afbeelding’ een data-URL, een hele CSS-regel, een img-tag of alleen de Base64-tekst – met regeleinden, zonder de isgelijktekens aan het eind of in de URL-veilige variant met - en _. De tool herkent JPG, PNG, GIF, WebP, BMP, TIFF, AVIF, HEIC, SVG en ICO, toont grootte en afmetingen en slaat het bestand op met de juiste extensie. Wijkt het type in de data-URL af van de echte inhoud, dan krijg je een melding.

Privacy en grenzen

Afbeeldingen en geplakte tekst blijven in je browser; er wordt niets geüpload of bewaard. Afbeeldingen tot 10 MB kunnen worden gecodeerd; SVG en ICO blijven ongewijzigd. Voor willekeurige tekst of bestanden gebruik je Base64 decoderen en encoderen; het formaat van een afbeelding wijzig je met afbeelding converteren, en kleiner maak je haar met afbeelding comprimeren.

Veelgestelde vragen

Hoe zet ik een afbeelding om naar Base64?

Kies de afbeelding hier en de code verschijnt meteen. Als data-URL begint hij met data:image/…;base64, en is hij direct bruikbaar in HTML of CSS.

Hoe gebruik ik een Base64-afbeelding in HTML?

Kies de uitvoer ‘HTML <img>’ en kopieer: <img src="data:image/png;base64,…" alt="…">. Breedte en hoogte vult de tool zelf in.

Hoe zet ik Base64 terug om in een afbeelding?

Kies ‘Base64 → afbeelding’, plak de tekst en klik op ‘Afbeelding tonen’. De afbeelding verschijnt en is op te slaan met de juiste extensie.

Waarom is de Base64-code groter dan de afbeelding?

Base64 schrijft elke 3 bytes als 4 teksttekens; de code is daardoor ongeveer een derde groter dan het bestand.

Kan ik een SVG naar Base64 omzetten?

Ja. De SVG wordt ongewijzigd gecodeerd met het type image/svg+xml, bijvoorbeeld voor een CSS-achtergrond.

Wordt mijn afbeelding geüpload?

Nee. Coderen en decoderen gebeuren volledig in je browser en er wordt niets bewaard.

Bronnen en wettelijke basis

Bijgewerkt op: · Redactioneel beleid

Vergelijkbare tools