Ctrl K

Een afbeelding naar Base64 omzetten

Sleep een afbeelding in het vak en krijg meteen de Base64-code, als data-URI, HTML--tag, CSS of kale Base64. Kopieer wat je nodig hebt met één klik.

Sleep je afbeelding hierheen

Kies afbeelding

PNG, JPG, WebP, GIF, SVG of ICO · of plak met Ctrl+V

Voor src="…" of in JavaScript.

Plak dit direct in je HTML.

Als achtergrondafbeelding.

Zonder voorvoegsel, bijvoorbeeld voor een API.

Zo werkt het

  1. Kies je afbeelding

    Sleep hem in het vak, kies hem op je apparaat of plak met Ctrl+V.

  2. Direct omgezet

    Je krijgt meteen de data-URI, een HTML-tag, CSS en de kale Base64-code.

  3. Kopieer wat je nodig hebt

    Eén klik op Kopieer en plak het in je HTML, CSS of code.

Vier uitvoeren

  • Data-URI: data:image/png;base64,…, voor een src="…"-attribuut of in JavaScript.
  • HTML: een kant-en-klare <img>-tag met de afbeelding ingebed.
  • CSS: een background-image: url(…)-declaratie.
  • Alleen Base64: de code zonder voorvoegsel, bijvoorbeeld voor een API die een Base64-tekenreeks verwacht.

De afbeelding wordt precies zoals hij is omgezet: er wordt niets opnieuw gecodeerd, dus er is geen kwaliteitsverlies. PNG, JPG, WebP, GIF, SVG, ICO, AVIF en BMP worden ondersteund.

Wanneer is het een goed idee?

Een afbeelding insluiten bespaart een verzoek, wat past bij kleine afbeeldingen zoals iconen, logo's en plaatshouders in HTML, CSS of e-mail. Voor alles wat groter is, is een los bestand meestal sneller: Base64 is ongeveer een derde groter dan het bestand zelf en kan niet apart worden gecachet. De tool waarschuwt je als een afbeelding groter is dan 100 KB. Een klein icoon als data-URI kan zelfs als favicon dienen; zie favicon maken.

Veelgestelde vragen

Is afbeelding naar Base64 omzetten gratis?

Ja. Je kunt zoveel afbeeldingen omzetten als je wilt, zonder account.

Wanneer gebruik je een afbeelding als Base64?

Voor kleine afbeeldingen zoals iconen en logo's in HTML, CSS of e-mail. Voor grote afbeeldingen is een los bestand meestal sneller, omdat Base64 ongeveer een derde groter is en niet apart gecachet wordt.

Welke formaten kan ik omzetten?

PNG, JPG, WebP, GIF, SVG, ICO, AVIF en BMP. Het bestand wordt ongewijzigd omgezet, zonder kwaliteitsverlies.

Wordt mijn afbeelding geüpload?

Nee. De omzetting gebeurt in je browser; je afbeelding verlaat je apparaat niet.