HTML-tools

Gratis Base64 Encoder en Decoder

Encodeer tekst naar Base64 of decodeer Base64 terug naar tekst. Ondersteunt URL-veilige Base64-variant. Alle verwerking vindt lokaal plaats.

Tool laden...

Wat is Base64 Encoder en Decoder?

Een browsergebaseerde Base64-encoder en -decoder. Converteer elke tekst naar Base64-codering voor gebruik in data-URI's, API-authenticatieheaders, e-mailbijlagen of configuratiebestanden. Decodeer Base64-tekenreeksen terug naar leesbare tekst. Ondersteunt zowel standaard Base64 als URL-veilige Base64 (met - en _ in plaats van + en /).

Snel antwoord

Encodeer tekst naar Base64 of decodeer Base64 terug naar tekst. Ondersteunt standaard en URL-veilige Base64. Alle verwerking vindt lokaal plaats in uw browser.

Last updated: 2026-06-05

Beperkingen

  • Ontworpen voor tekstcodering/-decodering – het coderen van grote binaire bestanden (meer dan een paar MB) kan traag zijn en kan beter worden afgehandeld door speciale tools.
  • Ondersteunt geen chunked of streaming Base64-codering – de gehele invoer wordt in één keer verwerkt.
  • UTF-8-tekst wordt aangenomen voor zowel coderingsinvoer als decoderingsuitvoer – andere tekencoderingen kunnen onverwachte resultaten opleveren.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Zo gebruik je deze tool

  1. Kies Encodeer (tekst naar Base64) of Decodeer (Base64 naar tekst).
  2. Plak uw invoer in het tekstgebied.
  3. Schakel de URL-veilige modus in als u met URL's of bestandsnamen werkt.
  4. Kopieer het resultaat.

Waarvoor je het kunt gebruiken

  • Encodeer referenties voor een Basic Authentication-header (gebruikersnaam:wachtwoord naar Base64).
  • Decodeer een Base64-gecodeerde JWT-payload of API-respons om de originele inhoud te zien.
  • Maak een Base64-data-URI voor het insluiten van kleine afbeeldingen of SVG's direct in CSS of HTML.

Gebruik

Praktische voorbeelden

Voorbeeld

Een Basic Auth-header maken

Een ontwikkelaar moet Basic Authentication toevoegen aan een API-verzoek. Hij encodeert 'gebruikersnaam:wachtwoord' naar Base64 en voegt het toe als Authorization: Basic <base64>-header in zijn HTTP-verzoek.

Voorbeeld

Een Base64-API-respons decoderen

Een API retourneert een Base64-gecodeerde waarde. De ontwikkelaar plakt de Base64-tekenreeks in de decoder en ziet onmiddellijk de gedecodeerde JSON- of tekstinhoud voor debugging.

Veelgemaakte fouten

  • Base64-codering verwarren met versleuteling – Base64 is omkeerbaar door iedereen en biedt geen beveiliging.
  • Vergeten dat Base64 de gegevensgrootte met ongeveer 33% verhoogt – een 1KB-bestand wordt ongeveer 1,37KB wanneer Base64-gecodeerd.
  • Standaard Base64 in URL's gebruiken zonder te converteren naar de URL-veilige variant – + en / tekens in standaard Base64 breken URL-parsing.

Verificatie

  1. Encodeer een eenvoudige tekenreeks zoals 'Hallo' en controleer of de uitvoer 'SGFsbG8=' is. Decodeer het terug om de round-trip te bevestigen.
  2. Test de URL-veilige modus door een tekenreeks te encoder en te controleren of de uitvoer - en _ bevat in plaats van + en /.

FAQ

Vragen over Base64 Encoder en Decoder

Wat is het verschil tussen standaard en URL-veilige Base64?

Standaard Base64 gebruikt + en / als het 62e en 63e teken, met = voor opvulling. URL-veilige Base64 vervangt + door - en / door _, en laat opvulling (=) doorgaans weg. URL-veilige codering kan veilig worden gebruikt in URL's, bestandsnamen en JWT-tokens zonder extra procentcodering.

Kan ik binaire bestanden zoals afbeeldingen encoder?

Deze tool is ontworpen voor tekstcodering. Voor binaire bestanden moet u het bestand eerst als byte-array lezen. De FileReader-API van de browser kan bestanden lezen als data-URL's die Base64-codering bevatten. Voor kleine tekstgebaseerde behoeften werkt deze tool goed.

Waarom toont mijn gedecodeerde Base64 vervormde tekens?

Base64 kan elke binaire gegevens coderen. Als de originele gegevens geen UTF-8-tekst waren (bijvoorbeeld een afbeelding, PDF of gecodeerd in een andere tekenset), zal decodering als UTF-8 vervormde uitvoer tonen. Zorg ervoor dat de brongegevens tekst waren voordat u leesbare uitvoer verwacht.

Gerelateerde tools

Meer html-tools

Html

CSP Hash Generator

Genereer CSP-hashwaarden voor inline scripts en styles. Hash exacte code met SHA-256, SHA-384 of SHA-512.

Open tool

Probeer ook

Probeer ook