Base64-Bild-Vorschau & Decoder

Base64-Bild-Vorschau & Decoder

Fügen Sie einen base64-codierten Bildstring ein und sehen Sie sofort das gerenderte Bild, wobei der Format wird automatisch aus den Magie-Bytes des Datei erkannt. Die decodierte Bilddatei, ihre Pixelabmessungen und die decodierte Bytegröße werden in Ihrem Browser berechnet – ohne Serverübertragung, ohne Warten auf eine API. Die optionale data: URI-Vorlage wird automatisch entfernt, sodass Sie rohe base64-Werte aus einem JSON-Payload, einer CSS-Hintergrundfarbe, einer E-Mail-Quelle oder einer generierten SDK-Antwort einfügen können, und es funktioniert einfach.

Nutzung

1. Kopieren Sie den base64-String. Er kann der rohe Payload sein oder die data:image/...;base64, URI-Vorlage enthalten – beide sind akzeptiert.
2. Fügen Sie ihn in das Base64-Zeichenfolge Feld ein. Das Tool decodiert und zeigt das Bild sofort an, sobald Sie aufhören zu tippen.
3. Prüfen Sie den erkannten Format, die Pixelabmessungen, die decodierte Bytegröße und die ursprüngliche base64-Zeichenanzahl.
4. Klicken Sie auf Bild herunterladen Speichern Sie die decodierte Datei auf Ihrem Computer mit der richtigen Dateiendung für das erkannte Format.

Funktionen

• Format automatisch erkennen – PNG, JPEG, GIF, WebP, BMP, ICO, SVG, AVIF und HEIC werden aus den Magie-Bytes erkannt, nicht nur aus dem Hinweis der Daten-URI.
• Pixelabmessungen – Breite und Höhe werden aus dem gerenderten Bild abgelesen, sodass Sie die tatsächliche innere Größe sehen.
• Größe der decodierten Datei – Zeigt die tatsächliche Binärbyteanzahl nach der Decodierung an, zusammen mit der Länge der base64-Zeichen für eine Vergleich.
• Entfernt die Daten-URI-Vorlage – Funktioniert, egal ob die Eingabe mit data:image/png;base64,beginnt, nur iVBORw0...oder einer URL-sicheren base64-Variante.
• Als Bilddatei herunterladen – Ein Klick speichert die decodierten Bytes mit der richtigen Erweiterung für das erkannte Format.
• Vollständig client-seitig – Der base64-String verlässt nie Ihren Browser. Sicher für den Einsatz mit privaten Screenshot, internen Assets oder sensiblen Designdateien.

Wann wird dieses Tool verwendet?

Verwenden Sie dieses Tool, wenn Sie einen base64-basierten Bildstring begegnen und herausfinden wollen, was er tatsächlich ist – zum Debuggen von API-Antworten, die Thumbnails enthalten, zum Inspektion von CSS oder HTML-E-Mails, die Bilder inline haben, zum Reversing von Tracking-Pixeln, zum Überprüfen der Ausgabe eines Bildgenerierungs-APIs oder zum Wiederherstellen eines Assets aus einer Datenbank-Export. Da die Rendern im Browser erfolgt, ist es auch eine schnelle Möglichkeit, sicherzustellen, dass ein base64-Payload korrekt ist, bevor Sie ihn in die Produktion übertragen.