Base64 in Bild
Base64-Zeichenfolgen wieder in Bilder umwandeln
Base64-Zeichenfolge
Diese Beispiele ausprobieren
Dateiinformationen
- Größe
- 0 B
- MIME-Typ
- —
- Format
- —
- Abmessungen
- —
Unterstützte Formate
- Daten-URI-Format: data:image/png;base64,iVBORw0KGgo…
- Reines und URL-sicheres Base64: erkennt PNG-, JPG-, GIF-, WebP-, BMP-, ICO-, AVIF- und SVG-Bytes
- MIME-Typen der Daten-URI bleiben erhalten; die visuelle Vorschau hängt von der Browserunterstützung ab
- Downloads bewahren die ursprünglich dekodierten Bildbytes ohne erneute Komprimierung
Bildvorschau
Geben Sie eine gültige Base64-Zeichenfolge ein, um die Bildvorschau zu sehen.
0 Zeichen
Geben Sie eine gültige Base64-Zeichenfolge ein, um die Bildvorschau zu sehen.
Über den Decoder Base64 in Bild
Unser kostenloser Decoder von Base64 in Bild wandelt Base64-kodierte Zeichenfolgen zurück in anzeigbare, herunterladbare Bilddateien. Ob Sie einen Data-URI aus einem HTML-Dokument, eine Base64-Zeichenfolge aus einer API-Antwort oder kodierte Bilddaten aus einer Datenbank haben: Das Tool stellt das Bild sofort dar und liefert detaillierte Formatinformationen.
Base64-Kodierung stellt binäre Daten (wie Bilder) mithilfe von 64 Zeichen als ASCII-Text dar. Sie wird häufig verwendet, um Bilder direkt in HTML, CSS, JSON-Antworten und E-Mail-Nachrichten einzubetten. Unser Decoder kehrt diesen Vorgang um: Er nimmt den Base64-Text und rekonstruiert das Originalbild für Vorschau und Download.
Das Tool unterstützt sowohl das vollständige Data-URI-Format (data:image/png;base64,...) als auch reine Base64-Zeichenfolgen ohne Header. Es erkennt das Bildformat automatisch am MIME-Typ, zeigt Dateiinformationen einschließlich der geschätzten Größe an und lässt Sie das dekodierte Bild im Originalformat herunterladen, und das alles, ohne Daten auf einen Server hochzuladen.
Hauptfunktionen
- Base64-Zeichenfolgen sofort in anzeigbare Bilder dekodieren
- Unterstützung für Data-URI-Format und reine Base64-Eingabe
- Automatische Erkennung von MIME-Typ und Bildformat
- Alle gängigen Formate werden unterstützt: PNG, JPG, GIF, WebP, SVG, BMP
- Live-Bildvorschau mit tatsächlich gerenderter Ausgabe
- Berechnung der geschätzten Dateigröße des dekodierten Bildes
- Dekodierte Bilder mit einem Klick im Originalformat herunterladen
- Schaltfläche zum Einfügen aus der Zwischenablage für schnelle Eingabe
- Integrierte Beispielvorlagen zum Ausprobieren des Tools
- Vollständige Verarbeitung im Browser für maximalen Datenschutz
So verwenden Sie den Decoder Base64 in Bild
- Base64-Zeichenfolge einfügen: Geben Sie den Base64-kodierten Text in das Eingabefeld ein. Sie können ihn tippen, manuell einfügen oder mit der Schaltfläche Einfügen aus der Zwischenablage übernehmen.
- Automatisches Dekodieren: Das Tool versucht sofort, die Zeichenfolge zu dekodieren und das Bild im Vorschaubereich auf der rechten Seite darzustellen.
- Bilddetails prüfen: Im Bereich Bildinformationen sehen Sie Format, MIME-Typ und geschätzte Dateigröße.
- Bild herunterladen: Klicken Sie auf die Schaltfläche Herunterladen, um das dekodierte Bild im Originalformat auf Ihrem Gerät zu speichern.
- Beispiele ausprobieren: Klicken Sie auf die Beispielschaltflächen, um Base64-Beispielzeichenfolgen zu laden und zu sehen, wie der Decoder verschiedene Bildtypen verarbeitet.
Anwendungsfälle
- Eingebettete Bilder extrahieren: Dekodieren Sie Data-URIs aus HTML-Quellcode, CSS-Stylesheets oder Markdown-Dokumenten, um die Originalbilder anzusehen und zu speichern.
- API-Entwicklung: Sehen Sie sich Bilder, die in API-Antworten als Base64-Zeichenfolgen zurückkommen, in der Vorschau an, bevor Sie sie in Ihre Anwendung einbinden.
- E-Mail-Fehlersuche: Extrahieren und betrachten Sie Inline-Bilder aus dem HTML-Quellcode von E-Mails, die Base64-kodierte Data-URIs verwenden.
- Datenbank-Wiederherstellung: Dekodieren Sie Bilddaten, die als Base64-Text in Datenbankfeldern liegen, um den Inhalt zu prüfen oder Bilddateien wiederherzustellen.
- Frontend-Fehlersuche: Prüfen Sie, ob Base64-kodierte Bilder in Ihrem Code korrekt dargestellt werden, indem Sie sie außerhalb Ihrer Anwendung in der Vorschau ansehen.
- Sicherheitsanalyse: Untersuchen Sie Base64-kodierte Bild-Payloads in Netzwerkverkehr, Logs oder verdächtigen Dateien, um deren sichtbaren Inhalt zu prüfen.
- Inhalte migrieren: Wandeln Sie eingebettete Base64-Bilder wieder in eigenständige Dateien um, wenn Sie Inhalte zwischen Plattformen oder CMS-Systemen umziehen.
Häufig gestellte Fragen
Was ist ein Base64-kodiertes Bild?
Ein Base64-kodiertes Bild sind die Binärdaten einer Bilddatei, umgewandelt in eine Textzeichenfolge mit dem Base64-Alphabet (A-Z, a-z, 0-9, +, /). So lassen sich Bilder direkt in textbasierte Formate wie HTML, CSS und JSON einbetten, ohne dass separate Bilddateien nötig sind.
Was ist ein Data-URI?
Ein Data-URI ist ein Schema, mit dem sich Daten inline in Webseiten einbinden lassen. Für Bilder hat er das Format data:image/[format];base64,[encoded-data]. Der MIME-Typ teilt dem Browser mit, welche Art von Bild zu erwarten ist.
Welche Bildformate werden unterstützt?
Der Decoder erkennt PNG, JPEG, GIF, WebP, SVG, BMP, ICO und AVIF anhand der rohen Bildbytes. Ein Data-URI bringt seinen eigenen MIME-Typ mit. Ob eine Vorschau angezeigt wird, hängt von der Browserunterstützung ab; Downloads aus Data-URIs behalten die dekodierten Bytes bei, auch wenn keine Vorschau verfügbar ist.
Ist dieses Tool kostenlos?
Ja, dieser Decoder von Base64 in Bild ist vollständig kostenlos, ohne Nutzungsbegrenzung, ohne Registrierung und ohne Einschränkung bei Bildgröße oder Anzahl der Umwandlungen.
Sind meine Daten sicher?
Ja. Das gesamte Dekodieren findet ausschließlich in Ihrem Browser statt. Die eingefügte Base64-Zeichenfolge wird an keinen Server übertragen, daher eignet sich das Tool auch für sensible oder vertrauliche Bilddaten.
Warum wird meine Base64-Zeichenfolge nicht dekodiert?
Häufige Ursachen sind unvollständige Base64-Zeichenfolgen (beim Kopieren abgeschnitten), ein falsches Data-URI-Format, MIME-Typen, die keine Bilder sind, oder eine beschädigte Kodierung. Achten Sie darauf, die vollständige Zeichenfolge zu kopieren, gegebenenfalls einschließlich des Präfixes data:image.
Tipps und bewährte Vorgehensweisen
- Den Data-URI-Header einschließen: Für beste Ergebnisse fügen Sie den vollständigen Data-URI samt Präfix data:image/[format];base64, ein, damit das Tool das richtige Bildformat erkennen kann.
- Die Einfügen-Schaltfläche nutzen: Die Schaltfläche Einfügen liest direkt aus Ihrer Zwischenablage, was bei langen Base64-Zeichenfolgen schneller und weniger fehleranfällig ist als manuelles Einfügen.
- Geschätzte Größe prüfen: Der Bereich Bildinformationen zeigt die Größe der dekodierten Bytes und, sofern der Browser das Bild in der Vorschau darstellen kann, dessen Eigenabmessungen. Aus der Dateigröße allein lassen sich Breite und Höhe eines Bildes nicht ableiten.
- Zuerst die Beispiele ausprobieren: Machen Sie sich mit den integrierten Beispielen mit dem Tool vertraut, bevor Sie Ihre eigenen Base64-Daten dekodieren.
- Zur Kontrolle herunterladen: Laden Sie das dekodierte Bild herunter und öffnen Sie es in einem Bildeditor, um Qualität, Abmessungen und Farbgenauigkeit zu prüfen.