Base64 Codering

Gerelateerde aanbevelingen

Wat is Base64-codering?

Toepassingsgevallen

• JWT-foutopsporing: decodeer de header- en payload-segmenten van een JWT (Base64URL-formaat) om de inhoud van de token-claims te bekijken
• Basic Auth: codeer gebruikersnaam:wachtwoord tot HTTP Basic Authentication-referenties
• OAuth-ontwikkeling: genereer een code_verifier of verifieer een code_challenge in PKCE-scenario's
• API-foutopsporing: codeer JSON-gegevens of decodeer Base64-velden die API's teruggeven
• Data URI voor afbeeldingen: zet kleine pictogrammen om naar data:image/...;base64,...-formaat om ze in CSS/HTML in te bedden
• E-mailbijlagen coderen: codeer binaire e-mailbijlagen in het MIME Base64-formaat

Hoe te gebruiken

1. Kies een modus: klik op Encode (coderen) of Decode (decoderen) om de verwerkingsrichting te wisselen
2. Kies een variant: Standard (standaard), URL-Safe (JWT/OAuth) of MIME (e-mailformaat met 76 tekens regeleinden)
3. Voer inhoud in: plak tekst of een Base64-tekenreeks; de verwerking verloopt automatisch en realtime
4. Bekijk de statistieken: onderaan verschijnen het aantal tekens en de gegevensvergrotingsfactor (codering vergroot de omvang met circa 33%)
5. Kopieer het resultaat: kopieer de Base64-tekenreeks of de gedecodeerde tekst met één klik

Functies

• Eén-klik Encode/Decode wisselen: schakel vrij tussen codeer- en decodeermodi; de uitvoer wordt direct de invoer voor circulair gebruik
• Drie tekensets ondersteund: UTF-8 (Chinees/Japans/emoji), ASCII en ISO-8859-1, voor professionele dekking van uiteenlopende scenario's
• Drie uitvoervarianten: Standard (standaard), URL-Safe (veilig voor JWT/OAuth/PKCE) en MIME (RFC 2045 met 76 tekens regeleinden)
• Realtime gegevensstatistieken: toont voortdurend het aantal in- en uitvoertekens en de vergrotingsfactor (Base64 vergroot de omvang met circa 33%)
• Duidelijke foutmeldingen: bij tekens buiten het bereik verschijnt een specifieke foutmelding in plaats van een generieke fout
• Versleepbare scheidingslijn: op de desktop kunt u de verhouding tussen het linker- en rechterbewerkingsvenster aanpassen om u op de taak te concentreren
• Aparte tabbladen op mobiel: op telefoon en tablet wisselt u onafhankelijk tussen het invoer- en uitvoervenster voor een vloeiende ervaring

Codevoorbeelden

// 编码（支持 UTF-8 中文）
function b64Encode(str) {
  return btoa(unescape(encodeURIComponent(str)));
}

// 解码（支持 UTF-8 中文）
function b64Decode(str) {
  return decodeURIComponent(escape(atob(str)));
}

// URL-Safe 编码（用于 JWT / OAuth）
function b64UrlEncode(str) {
  return btoa(unescape(encodeURIComponent(str)))
    .replace(/\+/g, '-')
    .replace(/\//g, '_')
    .replace(/=+$/, '');
}

console.log(b64Encode('Hello 世界')); // SGVsbG8g5LiW55WM
console.log(b64Decode('SGVsbG8g5LiW55WM')); // Hello 世界

import base64

# Standard 编码（UTF-8）
encoded = base64.b64encode('Hello 世界'.encode('utf-8'))
print(encoded.decode())  # SGVsbG8g5LiW55WM

# Standard 解码
decoded = base64.b64decode(encoded).decode('utf-8')
print(decoded)  # Hello 世界

# URL-Safe 编码（用于 JWT / OAuth）
url_safe = base64.urlsafe_b64encode('Hello 世界'.encode('utf-8'))
print(url_safe.decode())  # SGVsbG8g5LiW55WM（无 padding 需手动去除）

# 去除 padding（JWT 标准做法）
url_safe_no_pad = url_safe.decode().rstrip('=')
print(url_safe_no_pad)

import java.nio.charset.StandardCharsets;
import java.util.Base64;

public class Base64Example {
    public static void main(String[] args) {
        String text = "Hello 世界";

        // Standard 编码
        String encoded = Base64.getEncoder()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
        System.out.println(encoded); // SGVsbG8g5LiW55WM

        // Standard 解码
        String decoded = new String(
            Base64.getDecoder().decode(encoded), StandardCharsets.UTF_8);
        System.out.println(decoded); // Hello 世界

        // URL-Safe 编码（用于 JWT / URL）
        String urlSafe = Base64.getUrlEncoder().withoutPadding()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
        System.out.println(urlSafe);

        // MIME 编码（76字符换行）
        String mime = Base64.getMimeEncoder()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
    }
}

Veelgestelde vragen

Woordenlijst

RFC 4648

De officiële IETF-standaard voor Base16-, Base32- en Base64-codering, die twee alfabetten definieert (standaard Base64 en URL-Safe Base64), evenals regels voor padding, regeleinden en de verwerking van niet-alfabet tekens. Het is de de facto standaard voor Base64-codering en vervangt de eerdere RFC 3548.URL-Safe Base64-hulpmiddelBase64-paddinghulpmiddel

RFC 2045 (MIME)

De standaard voor Multipurpose Internet Mail Extensions (MIME) die Base64 voor het eerst introduceerde als coderingsmethode voor de overdracht van e-mailinhoud. De standaard schrijft voor dat een Base64-regel niet langer is dan 76 tekens en wordt afgesloten met CRLF; dit staat bekend als de MIME Base64-variant.MIME Base64-hulpmiddel

Base64URL (URL-Safe Base64)

De URL-veilige variant uit RFC 4648 §5. Vervangt de + van standaard Base64 door - en / door _, en laat het padding-teken = meestal weg. Wordt veel gebruikt in scenario's zoals JWT-tokens, OAuth PKCE, URL-parameters en bestandsnamen.URL-Safe Base64-hulpmiddelJWT-hulpmiddel

MIME Base64

De Base64-variant die voldoet aan de RFC 2045-standaard en elke 76 tekens een regeleinde (CRLF) invoegt. Wordt vooral gebruikt voor de overdracht van e-mailbijlagen, omdat het vroege SMTP-protocol een maximumlengte per regel kende.MIME Base64-hulpmiddel

Padding (opvulling)

De lengte van een Base64-resultaat moet een veelvoud van 4 zijn. Wanneer het aantal invoerbytes geen veelvoud van 3 is, wordt het einde opgevuld met het teken =. Standaard Base64 gebruikt padding; Base64URL laat dit meestal weg.Base64-paddinghulpmiddel

Base64-alfabet

De verzameling van 64 tekens die bij Base64-codering wordt gebruikt. Het standaard Base64-alfabet: A-Z (26), a-z (26), 0-9 (10), + en /, in totaal 64 tekens, plus het opvulteken =.

btoa / atob

De oorspronkelijke browser-API's voor Base64-codering en -decodering. btoa (binary to ASCII) codeert, atob (ASCII to binary) decodeert. Deze API's ondersteunen alleen de Latin-1-tekenset; voor Chinese tekens is een extra UTF-8-transcodering nodig.

Data URI Scheme

Een URI-indeling waarmee kleine bestanden rechtstreeks in een URL kunnen worden ingebed, met de notatie data:[<mediatype>][;base64],<data>. Wordt vaak gebruikt voor kleine pictogrammen en CSS-achtergrondafbeeldingen om het aantal HTTP-verzoeken te beperken.Data URI-hulpmiddelBase64 naar afbeelding

HTTP Basic Authentication

Een authenticatiemethode binnen HTTP waarbij gebruikersnaam en wachtwoord met een dubbele punt worden samengevoegd, in Base64 worden gecodeerd en via de Authorization-header worden verstuurd. Formaat: Authorization: Basic <base64(gebruikersnaam:wachtwoord)>.Auth-headerbouwer

Base64-vergrotingsfactor

De verhouding waarmee de gegevensomvang na Base64-codering toeneemt. Elke 3 bytes (24 bits) worden gecodeerd tot 4 Base64-tekens, waardoor de omvang met circa 33% groeit (4/3 ≈ 1,333). Inclusief padding kan de vergrotingsfactor iets hoger uitvallen.

Vergelijking van drie Base64 varianten

Vergelijkingstabel Base-coderingen

Authoritative References

• ReferenceRFC 4648 - De Base16-, Base32- en Base64-gegevenscoderingen
• ReferenceRFC 2045 - MIME Deel één: Formaat van internetberichtlichamen
• ReferenceRFC 7519 - JSON Web Token (JWT)
• ReferenceMDN Web Docs - btoa()
• ReferenceMDN Web Docs - atob()
• ReferenceWikipedia - Base64