Base64: Text, Dateien und Bilder online kodieren und dekodieren

Der Encoder ist ein Skalpell für eine Zeichenkette, die Sie einfügen können, kein CDN.

Hängt die Antwort an einer Datei, die der Browser nicht halten sollte, oder an Kryptografie, bleiben Sie in CI oder einem Secret-Manager.

Jeder, der die Zeichenkette lesen kann, kann sie dekodieren. Base64 hat keinen Schlüssel, keine Integritätsprüfung und keine Vertraulichkeit. Ein Token, der im Log undurchsichtig wirkt, ist nach einem Decode Klartext. Müssen die Bytes geheim bleiben, verschlüsseln Sie (oder legen Sie sie nicht ins Payload). Müssen sie authentisch bleiben, signieren — HMAC oder eine JWT-Signatur, nicht Base64 selbst.

RFC 4648 definiert zwei Alphabete. Standard-Base64 nutzt + und / und behält üblicherweise das =-Padding. URL-sicheres Base64 (JWT, Cookies, Pfade) nutzt - und _ und lässt Padding typischerweise weg. FastMinifys URL-safe-Schalter macht beide Ersetzungen und streicht Padding beim Encode. Decode im URL-safe-Modus mappt das Alphabet zurück und stellt Padding wieder her. Passt der Schalter nicht zur Zeichenkette, gibt es einen Invalid-Input-Fehler — kein „ungefähres“ Decode.

Ein kompaktes JWT sind drei Base64URL-Segmente, getrennt durch Punkte: header.payload.signature. Die Punkte sind kein Base64. Das Base64-Tool dekodiert eine Alphabet-Zeichenkette, keinen gepunkteten Token. Der Fehlertext auf der Seite sagt das: nur die kodierten Zeichen einfügen, keine Punkte; für ein JWT jeden Teil zwischen den Punkten kopieren — oder einfacher den JWT-Decoder öffnen und Header plus Payload in einem Schritt lesen.

Base64 bläht Binärdaten um etwa 33 % auf (3 Bytes werden 4 ASCII-Zeichen). Ein 200-KiB-JPEG wird ~267 KiB CSS. Dieses CSS hat keinen eigenen Cache, blockiert das Parsen und kämpft gegen HTTP/2-Multiplexing. Data-URIs lohnen sich für winzige Icons, die sonst einen Request kosten würden. Sie verlieren bei Hero-Bildern, Produktfotos und allem, das Sie bereits als Datei minifizieren.

Die Bytes ändern sich nicht. Die Schreibweise schon. Standard-Base64 ist das, was E-Mail-MIME und die meisten APIs ausgeben. URL-sicheres Base64 brauchen JWTs, signierte Cookies und Pfadsegmente, damit + und / nicht mit Query-Syntax kollidieren. Eine Data-URI ist Standard-Base64 mit dem Präfix data:<mime>;base64,, damit ein Browser die Zeichenkette als Ressource behandelt.

Drei Tools, drei Eingaben. Der Text-Encoder macht UTF-8, dann Base64 auf einer Zeichenkette (Einfügen oder Textdatei). Er interpretiert ein PNG nicht als Pixel. Der Bildkonverter liest Dateibytes, prüft MIME (PNG, JPEG, GIF, WebP, SVG — leeres MIME wird abgelehnt, kein stilles Sniffing), begrenzt auf 32 MiB und gibt eine Data-URI oder rohes Base64 aus. Die Vorschau nutzt nur ein img-Element: SVG wird nie als Markup in das DOM injiziert. Für SVG-as-CSS mit utf-8- oder Base64-Wahl und einem eigenen CSS-Snippet nutzen Sie SVG zu Data-URI im SVG-Hub (512 KiB SVG-Eingabe — eine andere Kappe, ein anderer Job).

Entwickler mischen das, weil alles eine Zeichenkette „sicherer“ macht. Sie lösen unterschiedliche Kollisionen. URL-Encode percent-kodiert reservierte URI-Zeichen. HTML-Entities escapen Markup, damit eine Zeichenkette in einem Attribut sitzen kann. Ein Hash (SHA-256, HMAC) ist Einweg-Integrität oder Authentizität — siehe Hash/HMAC im Kodierungs-Hub, nicht in diesem Artikel. Base64 ändert nur, wie Bytes geschrieben werden.

Base64 nimmt 24 Bits (3 Bytes) und schreibt sie als 4 Zeichen aus einem 64-Symbol-Alphabet. Deshalb ist die Ausgabe länger: 4/3, etwa 33 % mehr, plus Padding, wenn die Eingabelänge kein Vielfaches von 3 ist. Die Steuer ist der Punkt — Sie tauschen Größe gegen ein Alphabet, das E-Mail, JSON-Strings und CSS überlebt. Das ist das Gegenteil von Minifizierung. Ist das Payload JSON, das Sie über HTTP ausliefern, minifizieren Sie das JSON zuerst und kodieren nur, wenn eine Hüllschicht ASCII verlangt; siehe den JSON-Minifizierungsleitfaden.

JavaScripts eingebautes btoa arbeitet auf einem Binärstring (Werte 0–255). Geben Sie café hinein, wirft es oder produziert — je nach Engine — eine Lüge. FastMinify kodiert die UTF-8-Bytes mit TextEncoder, dann Base64 — derselbe Vertrag wie Node Buffer.from(text, 'utf8').toString('base64'). Decode kehrt das mit TextDecoder um. Emoji und CJK überleben. Dekodieren Sie ein Blob, das nie UTF-8-Text war (ein PNG, ein Gzip-Stream), erhalten Sie Ersatzzeichen, keine Datei — dieses Blob gehört in image-to-base64 oder einen Hex-Dump, nicht in ein Textfeld.

Ist die Bytelänge kein Vielfaches von 3, hängt Standard-Base64 = oder == an, damit die Zeichenkettenlänge ein Vielfaches von 4 ist. URL-safe-Kontexte (JWT, manche Cookies) lassen das Padding weg, weil = ein Query-Trennzeichen ist. FastMinify-URL-safe-Encode streicht es; URL-safe-Decode setzt es vor atob wieder. Klassische RFC-Beispiele: f → Zg==, fo → Zm8=, foo → Zm9v.

Öffnen Sie den Base64-Encoder/Decoder. Text einfügen (oder eine Textdatei hochladen — Client-Deckel 32 MiB, dieselbe Familie wie andere Dateiauswahlen auf der Site). Encode oder Decode wählen. URL-safe aus für MIME, Data-URI-Payloads und die meisten API-Beispiele. Einschalten für JWT-Segmente, signierte Cookie-Werte und alles, was in einem Pfad sitzt. Sample laden, wenn Sie nur die Pipeline sehen wollen. Alles bleibt im Tab.

Öffnen Sie das Bild-zu-Base64-Tool. PNG, JPEG, GIF, WebP oder SVG ablegen (max. 32 MiB). Data-URI für CSS url() und img src wählen, oder rohes Base64, um in ein anderes Tool zu pipen. Die Vorschau rendert über ein img-Element; SVG wird nicht als DOM gemountet. Leere oder exotische MIME-Typen werden abgelehnt — das Tool rät nicht. Nach einem winzigen Icon können Sie die URI in CSS kleben. Nach einem Foto in der Regel nicht.

Kodierung ist meist ein Schritt in einem längeren Debug. Der Kodierungs-Hub hält die Nachbarn einen Klick entfernt.

Lebt die Zeichenkette schon in einem Skript, entspricht Nodes Buffer dem UTF-8-dann-Base64-Pfad von FastMinify. base64url nutzen, wenn der Konsument eine JWT-Bibliothek ist.

Das native Paar btoa / atob ist eine Binärstring-API. Wickeln Sie es mit TextEncoder/TextDecoder, sonst zerstören Sie alles außerhalb von Latin-1. Genau diese Hülle macht das FastMinify-Text-Tool bereits.

Ein lokales PEM, eine Binär-Fixture oder ein CI-Job, der keinen Browser öffnen darf: openssl bleibt der richtige Hammer. FastMinify ersetzt keine Pipeline, die Dateien auf der Platte bereits hasht oder signiert.

Keine Installation, kein Upload, UTF-8-Text plus ein eigener Bildkonverter mit ehrlichem 32-MiB-Deckel und URL-safe-Schalter. Trade-off: das Text-Tool ist kein Binärdatei-Encoder; HEIC/PDF liegen außerhalb des Bild-Tools; JWT-Verifikation ist eine andere Seite. Nutzen Sie es zum Prüfen, Erklären und Entblocken einer Maschine ohne Node — openssl oder Buffer bleiben in der CI.