Bild in Base64 umwandeln

PNG, JPG, GIF, WebP und SVG in Base64-Data-URIs umwandeln, ohne die Bildbytes zu verändern. Ergebnis für HTML oder CSS kopieren oder als Text herunterladen.

Kodieren
Eingabe0 Zeichen
Ergebnis

Hier erscheint Ihr Ergebnis.

So wandelst du ein Bild in Base64 um

  1. Wähle eine Bilddatei oder ziehe sie in den Eingabebereich.
  2. Deaktiviere Zeilenumbrüche für HTML und CSS und behalte die Auffüllzeichen für Standard-Base64 bei.
  3. Kodiere das Bild und kopiere die vollständige Data URI oder lade das Textergebnis herunter.

Wissenswertes zu Bild in Base64 umwandeln

Eine Data URI enthält Medientyp und kodierte Bildbytes. Das Bild wird weder skaliert noch neu komprimiert. Base64 vergrößert die Binärdaten um etwa ein Drittel; große Webbilder sind als normale Dateien oft sinnvoller.

Ein GIF mit einem Pixel als Base64-Data-URI

Eingabe
pixel.gif (1 × 1 px, 42 B)
Ergebnis
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

Fragen zu Bild in Base64 umwandeln

Wie verwende ich das Ergebnis in HTML oder CSS?

Setze den vollständigen Wert data:image/…;base64,… in das HTML-Attribut img src oder in CSS url("…") ein. Das Präfix bezeichnet das Bildformat und gehört nicht zu den eigentlichen Base64-Daten. Das Werkzeug liefert die URI, keinen fertigen HTML-Tag oder CSS-Code.

Bleiben Transparenz, Animation und Qualität erhalten?

Ja. Die ursprünglichen Dateibytes werden ohne Größenänderung oder erneute Komprimierung kodiert. PNG-Transparenz, GIF-Animationen und SVG-Markup bleiben in den Daten erhalten. Ob sie angezeigt werden, hängt weiterhin von der verwendeten Anwendung ab.

Welche Bildformate und Dateigrößen sind möglich?

PNG, JPEG, GIF, WebP, BMP, TIFF, AVIF und identifizierbare SVG-Dokumente werden anhand des Inhalts erkannt. Die Grenze liegt bei 32 MiB pro Datei; verarbeitet wird jeweils eine Datei. Für andere Formate gibt es Datei in Base64. Die Kodierung allein garantiert keine Anzeige im Browser.

Spart Base64 Platz, und funktioniert es in E-Mails?

Nein. Die kodierten Daten werden etwa ein Drittel größer, hinzu kommt das URI-Präfix. Für kleine Symbole kann die Einbettung sinnvoll sein; große Bilder sind meist als separate Dateien besser geeignet. E-Mail-Programme und Sicherheitsrichtlinien können data:-Bilder blockieren. Teste deshalb die Zielumgebung.

Werden meine Dateien, Tokens oder Texte hochgeladen?

Nein. Ihre Eingaben werden im Browser verarbeitet. Die Website liefert die Seite und den Programmcode, sendet Ihre Eingaben aber weder an einen Konvertierungsserver noch speichert sie diese in einem Konto.

Passende Werkzeuge für den nächsten Schritt

Alle Entwicklerwerkzeuge

Kodierung und Dateien

Zwischen Text, Bytes, URLs und eingebetteten Bildern umwandeln, ohne die ursprünglichen Daten zu verändern.

Base64-Encoder und -Decoder

UTF-8-Text in Base64 kodieren oder Standard- und URL-sicheres Base64 dekodieren, mit einstellbarer Auffüllung und Zeilenlänge.

Base64URL-Encoder und -Decoder

Text mit den Zeichen - und _ URL-sicher kodieren und Base64URL auch ohne Auffüllzeichen dekodieren.

Base64 in Bild umwandeln

Base64-Bilder und Data-URIs dekodieren, unterstützte Bildformate ansehen und die ursprünglichen Bildbytes herunterladen.

Datei in Base64 umwandeln

Beliebige Dateien als Base64 kodieren, optional mit Data-URI-Präfix, Auffüllung und MIME-Zeilenumbrüchen.

Base64 in Datei umwandeln

Base64-Zeichenfolgen und Data-URIs in herunterladbare Dateien zurückverwandeln, ohne die dekodierten Bytes zu verändern.

URL-Encoder und -Decoder

URL-Bestandteile, vollständige URLs und Formularwerte kodieren und dekodieren, einschließlich Prozentzeichen und Leerzeichen.

HTML-Entitäten kodieren und dekodieren

Text und Unicode-Zeichen in HTML-Entitäten umwandeln sowie benannte und numerische Zeichenreferenzen dekodieren.

Unicode-Inspektor und Escape-Konverter

Unicode-Codepunkte, UTF-8-Bytes und UTF-16-Codeeinheiten prüfen und JavaScript-Unicode-Escapes umwandeln.

Daten und Texte prüfen

Strukturierte Daten und Tokens lesen und Änderungen genau nachvollziehen.

JSON formatieren, minimieren und prüfen

JSON mit exakten großen Zahlen formatieren, minimieren und validieren, mit Einrückung und rekursiver Schlüsselsortierung.

JWT-Decoder

JWT-Header und -Payload lesen sowie Ablauf- und Aktivierungszeiten prüfen, ohne das Token zu versenden.

Textvergleich und Diff

Zwei Texte nach Zeilen, Wörtern oder Zeichen vergleichen und Ergänzungen und Löschungen samt Leerzeichen hervorheben.

Reguläre Ausdrücke testen

JavaScript-Regex mit Flags, Trefferpositionen, Capture-Gruppen und benannten Gruppen im Browser testen.

Hashes, IDs und Zeitpläne

Dateien prüfen, Kennungen erzeugen sowie Zeitangaben und wiederkehrende Termine verstehen.

MD5-Hash und Dateiprüfsumme

MD5 für Text oder lokale Dateien berechnen und mit einer erwarteten Prüfsumme vergleichen.

SHA-1-Hash und Dateiprüfsumme

SHA-1 für UTF-8-Text oder Dateien berechnen und mit einer erwarteten Prüfsumme abgleichen.

SHA-256-Hash und Dateiprüfsumme

SHA-256 für Texte und Dateien erzeugen und heruntergeladene Dateien mit veröffentlichten Prüfsummen vergleichen.

SHA-512-Hash und Dateiprüfsumme

SHA-512 lokal für Texte oder Dateien berechnen und vollständige hexadezimale Prüfsummen vergleichen.

CRC32-Prüfsummenrechner

Standard-CRC-32 für Text oder Dateien berechnen und das achtstellige hexadezimale Ergebnis vergleichen.

HMAC-Generator

HMAC-SHA-1, HMAC-SHA-256 und HMAC-SHA-512 mit einem UTF-8- oder hexadezimalen Schlüssel erzeugen.

UUID- und GUID-Generator

Zufällige UUID v4 oder zeitlich sortierbare UUID v7 einzeln oder gesammelt erzeugen.

Unix-Zeitstempel umrechnen

Unix-Sekunden, Millisekunden und ISO-8601-Daten umwandeln und denselben Zeitpunkt in UTC oder einer IANA-Zeitzone anzeigen.

Cron-Ausdrücke prüfen

Cron-Ausdrücke mit fünf oder sechs Feldern validieren und kommende Ausführungen mit Zeitzone und Sommerzeit anzeigen.

Cron-Ausdrücke erzeugen

Cron-Ausdrücke aus Zeitfeldern oder Vorlagen erstellen und die nächsten Ausführungen in der gewünschten Zeitzone prüfen.

Eingaben und Dateien werden auf Ihrem Gerät verarbeitet. Lassen Sie vertrauliche Ergebnisse nicht in einer gemeinsam genutzten Zwischenablage und verwenden Sie für private Schlüssel und Tokens ein vertrauenswürdiges Gerät.