Base64 Coderen/Decoderen (Tekst)
Input
Output
Waarom Deze Base64-encoder Gebruiken
- Directe Base64-codering voor tekst, JSON en kleine binaire payloads
- Bestandsondersteuning (tekst, afbeeldingen, binaire bestanden) voor snelle conversie naar Base64-strings
- URL-veilige optie voor JWT's, queryparameters en webveilige contexten
- Optionele regelafbreking om CLI-tools of e-mail-/PEM-formaten na te bootsen
- Eรฉnklik kopiรซren voor eenvoudig hergebruik in headers, configuraties en code
- Responsieve gebruikersinterface die goed werkt op desktop en mobiel
- Codering gebeurt in uw browser โ uw gegevens worden niet naar een externe server verzonden
๐ง Hoe Base64-codering Werkt (Stap voor Stap) for base64-encoder
Geef de invoer op
Plak uw tekst, JSON of fragment in het invoergebied, of sleep een bestand om de ruwe bytes naar Base64 te converteren. De tool leest de bytes precies zoals ze zijn.
Converteer naar bytes
De encoder converteert karakters (zoals UTF-8-tekst) of bestandsinhoud naar bytes. Elke byte is een 8-bit waarde tussen 0 en 255.
Hergroepeer bits in Base64-indexen
Elke 3 bytes (3 ร 8 = 24 bits) worden hergroepeerd in 4 groepen van 6 bits (4 ร 6 = 24). Elke 6-bit groep is een index in het Base64-alfabet.
Map naar Base64-karakters & vul aan
Elke 6-bit index wordt geconverteerd naar een Base64-karakter. Als de invoer niet deelbaar is door 3 bytes, wordt '='-opvulling toegevoegd zodat de uitvoerlengte altijd een veelvoud van 4 karakters is.
Technische Specificaties
Karakterset (RFC 4648)
Deze encoder gebruikt het standaard Base64-alfabet gedefinieerd door RFC 4648.
| Bereik / Type | Karakters | Opmerkingen |
|---|---|---|
| Indexen 0โ25 | AโZ | Hoofdletters |
| Indexen 26โ51 | aโz | Kleine letters |
| Indexen 52โ61 | 0โ9 | Cijfers |
| Indexen 62โ63 | + / | Standaard Base64-symbolen |
| Opvulling | = | Zorgt ervoor dat de uitvoerlengte een veelvoud van 4 is |
Grootte & Overhead
Base64 ruilt grootte in voor veiligheid in tekstuele kanalen. Verwacht ongeveer een derde meer gegevens na codering.
| Oorspronkelijke grootte | Base64-grootte (ongeveer) | Overhead |
|---|---|---|
| 3 bytes | 4 karakters | ~33% groter |
| 1 KB | โ 1,37 KB | ~37% inclusief opvulling en nieuwe regels |
| 1 MB | โ 1,37 MB | Zelfde verhouding op grotere schaal |
Prestaties & Praktische Limieten
Coderen zelf is snel, maar grote buffers kunnen het browsergedrag en de responsiviteit beรฏnvloeden.
| Payloadgrootte | Gebruikerservaring | Aanbeveling |
|---|---|---|
| Enkele KB | Direct | Ideaal voor headers, configuratie-fragmenten en testgegevens |
| 100 KB โ 1 MB | Zeer responsief | Typisch voor API-payloads en fixtures |
| 1โ5 MB | Over het algemeen goed op moderne hardware | Overweeg CLI-tools als je dit vaak doet |
| > 5โ10 MB | Kan traag of geheugenintensief aanvoelen in de browser | Gebruik streaming encoders of CLI-hulpmiddelen |
Commandoregel Base64-codering
Voor grote bestanden, automatisering of CI-workflows, gebruik native Base64-hulpmiddelen op uw platform.
Linux / ๐ macOS
Codeer een string
echo -n 'text' | base64Codeert de string 'text' als Base64 zonder een nieuwe regel toe te voegen.
Codeer een bestand
base64 input.bin > output.b64Leest binaire gegevens van input.bin en schrijft Base64-tekst naar output.b64.
Windows / PowerShell
Codeer string met PowerShell
[Convert]::ToBase64String([Text.Encoding]::UTF8.GetBytes("text"))Converteert UTF-8 bytes voor 'text' naar een Base64-string.
Codeer bestand met certutil (CMD)
certutil -encode input.bin output.b64Gebruikt het ingebouwde Windows-hulpmiddel om een Base64-gecodeerd bestand te maken.
Praktische Toepassingen
Webontwikkeling & Data URI's
Voeg kleine assets en bronnen direct in HTML, CSS of JavaScript in.
- Genereer data:image/...;base64,... voor logo's, iconen en kleine afbeeldingen.
- Voeg lettertypen of SVG-inhoud in CSS-regels in.
- Sla kleine payloads op in LocalStorage als Base64-strings.
<img src="data:image/png;base64,iVBORw0KGgo...">document.styleSheets[0].insertRule("@font-face{src:url('data:font/woff2;base64,...')}" );API-ontwikkeling & Headers
Transporteer inloggegevens en kleine payloads veilig via alleen-tekst kanalen.
- Bouw Authorization: Basic headers van gebruikersnaam:wachtwoord paren.
- Codeer JSON-payloads naar Base64 voor aangepaste headers of queryparameters.
- Verpak binaire blobs in JSON als Base64-strings.
Authorization: Basic dXNlcm5hbWU6cGFzc3dvcmQ=fetch(url, { headers: { 'X-Payload': btoa(JSON.stringify(data)) } });Testen, Fixtures & Debuggen
Bouw stabiele, alleen-tekst fixtures voor tests en debugsessies.
- Codeer binaire fixtures (afbeeldingen, PDF's) en voeg ze in testcode in.
- Sla voorbeeldpayloads op als Base64-strings in plaats van binaire bestanden te committen.
- Prototype payloads voor services die Base64-gecodeerde velden verwachten.
// Voorbeeld: Jest-test met Base64-fixture
const payload = Buffer.from(base64Fixture, 'base64');
expect(processPayload(payload)).toBeTruthy();
โ Frequently Asked Questions
โWaarom gebruikt Base64 '=' opvulling?
Base64 groepeert invoer in blokken van 3 bytes (24 bits) en geeft 4 karakters uit (4 ร 6 bits). Wanneer de invoerlengte niet deelbaar is door 3, worden '=' opvulkarakters toegevoegd om aan te geven dat het laatste blok korter is. De opvulling is onderdeel van het coderingsformaat, niet de oorspronkelijke data.๐Hoe maak ik URL-veilige Base64?
Base64 vervangt '+' door '-' en '/' door '_', en verwijdert vaak de afsluitende '=' opvulling. Veel bibliotheken hebben een URL-veilige modus. Als je het handmatig moet doen, begin dan met standaard Base64 en pas deze vervangingen toe en trim '=' voor jouw gebruiksscenario.๐Is Base64-codering een beveiligingsmaatregel?
Base64 is een omkeerbare **codering** die binaire data veilig maakt om als tekst te transporteren (bijvoorbeeld in JSON, HTML of headers). Het biedt zelf geen vertrouwelijkheid of integriteit. Gebruik altijd HTTPS/TLS en goede cryptografie (zoals AES of public-key schema's) voor beveiliging.๐Wat is de maximale bestandsgrootte die ik hier moet coderen?
Pro Tips
Voor zeer kleine assets (< 10 KB), inline plaatsen als Base64 data URI's kan HTTP-verzoeken verminderen, maar vermijd dit voor grote afbeeldingen of lettertypen.
Log alleen afgekorte Base64 payloads (of hashes) in productie om te voorkomen dat gevoelige inhoud in logs lekt.
Als je backend Base64 verwacht, valideer en normaliseer invoer server-side om ongeldige of onredelijk grote payloads te weigeren.
Additional Resources
Other Tools
- CSS Opmaker
- HTML Opmaker
- Javascript Opmaker
- PHP Opmaker
- Kleurkiezer
- Sprite Extractor
- Base64 Decoder
- Csharp Formatter
- Csv Formatter
- Dockerfile Formatter
- Elm Formatter
- ENV Formatter
- Go Formatter
- Graphql Formatter
- Hcl Formatter
- INI Formatter
- JSON Formatter
- Latex Formatter
- Markdown Formatter
- Objectivec Formatter
- Php Formatter
- Proto Formatter
- Python Formatter
- Ruby Formatter
- Rust Formatter
- Scala Formatter
- Shell Script Formatter
- SQL Formatter
- SVG Formatter
- Swift Formatter
- TOML Formatter
- Typescript Formatter
- XML Formatter
- YAML Formatter
- Yarn Formatter
- CSS Verkleiner
- Html Minifier
- Javascript Minifier
- JSON Verkleiner
- XML Verkleiner
- Http Headers Viewer
- PDF Naar Tekst
- Regex Tester
- Serp Rang Checker
- Whois Opzoeken