Base64-Werkzeuge — Kodieren und Dekodieren

Base64 ist eine Möglichkeit, binäre Daten (wie Bilder oder Dateien) darzustellen, indem ausschließlich Textzeichen verwendet werden. Es ist nützlich, Inhalte in JSON, URLs, CSS/HTML (Data URI) zu transportieren oder in Kontexten, in denen das direkte Senden von Binärdaten nicht praktikabel ist.

Wann Base64 verwenden?

• Kleine Icons direkt in HTML/CSS mit Data-URI einbetten, um Anfragen zu reduzieren.
• Binärdateien in APIs senden, die nur Text akzeptieren (z. B.: JSON).
• Prototypen oder schnelle Tests erstellen, ohne auf Dateihosting angewiesen zu sein.

Wann vermieden werden sollte

• Große Bilder: Die Base64-Darstellung ist typischerweise ~33% größer als die Originaldatei.
• Ressourcen, die von Browser-/CDN-Cache als statische Dateien profitieren könnten.
• Sensibler Inhalt: Base64 ist keine Verschlüsselung; es ist nur Codierung.

Tipps zur Verwendung

• Für Data-URI verwenden Sie das Format: data:Mime;base64,Daten.
• Optimieren Sie das Bild vorher (z. B. WebP), um die Größe des generierten Base64-Codes deutlich zu reduzieren.
• Stellen Sie sicher, dass der korrekte MIME-Typ (image/png, image/jpeg, image/webp) beim Einbetten in HTML/CSS oder beim Dekodieren verwendet wird.
• Bevorzugen Sie bei E-Mails (MIME) Anhänge mit dem entsprechenden Header, anstatt riesiger Data-URIs im Nachrichtentext einzufügen.

Grenzen und Kompatibilität

Moderne Browser unterstützen lange Data-URLs, aber sehr große Inhalte können die Leistung und den Speicher beeinträchtigen. Für eine bessere Erfahrung halten Sie eingebettete Assets unter ca. 1–2 MB und verwenden Sie, wenn möglich, externe Dateien.