Bild und Base64

Bild in Base64 umwandeln und umgekehrt

Keine Datenbank: AIMRAN speichert weder deine Dateien noch Texte oder Ergebnisse

Was ist Bild und Base64?

Base64 ist eine Möglichkeit, ein Bild als Text zu schreiben. Entwickler nutzen es, um kleine Icons direkt in HTML, CSS, JSON oder E-Mails einzubetten, ohne eine separate Datei zu brauchen.

Dieses Tool funktioniert in beide Richtungen: Du wandelst ein Bild in seinen Base64-Code um und kopierst ihn, oder du fügst einen Base64-Text ein, den du bekommen hast, und siehst ihn als Bild zum Herunterladen.

So funktioniert es

  1. Wähle den Modus „Bild zu Base64“ oder „Base64 zu Bild“.
  2. Zum Kodieren zieh das Bild hinein und wähle „Data-URL“ oder „Nur Base64“.
  3. Kopiere das Ergebnis oder lade es als .txt-Datei herunter.
  4. Zum Dekodieren füge den Base64-Text oder die Data-URL ein und lade das entstandene Bild herunter.

Vorteile

Technische Details

Die Kodierung erzeugt eine Data-URL (data:<Typ>;base64,...) oder nur die Base64-Zeichenkette und akzeptiert jedes Bild, auch SVG und ICO, bis 10 MB; ab 100 KB wird empfohlen, die Datei zu verlinken, da Base64 die Größe um etwa 33 % erhöht. Die Dekodierung akzeptiert Text mit oder ohne data:-Präfix, ignoriert Leerzeichen und Zeilenumbrüche, unterstützt das URL-sichere Alphabet (- und _) und ergänzt fehlendes =-Padding. Der Bildtyp wird anhand seiner binären Signatur erkannt: PNG, JPEG, GIF, WEBP, AVIF, BMP, ICO und SVG; wird er nicht erkannt, gilt der in der Data-URL angegebene Typ.

Häufige Fragen

Wie wandle ich ein Bild in Base64 um?

Wähle „Bild zu Base64“, zieh das Bild hinein und kopiere das Ergebnis. Nutze „Data-URL“, wenn du es in ein HTML-src oder in CSS einfügen willst.

Wie zeige ich ein Base64-Bild an?

Wähle „Base64 zu Bild“ und füge den Text ein. Das Bild wird angezeigt und du kannst es mit der richtigen Dateiendung herunterladen.

Was ist eine Data-URL?

Base64 mit einem Präfix, das den Typ angibt, zum Beispiel data:image/png;base64,... Sie lässt sich direkt als Bildadresse verwenden.

Wann lohnen sich Bilder in Base64?

Für kleine Icons und Grafiken. Bei großen Bildern ist es besser, die Datei zu verlinken, weil Base64 etwa ein Drittel mehr Platz braucht.

Weitere Tools: Bild