Folgen Sie diesem Beispiel, um kodierte Bilddaten wieder in eine verwendbare Datei umzuwandeln. Base64 in Bild öffnen.
Fügen Sie die Bilddaten ein
Öffnen Sie Base64 zu Bild und fügen Sie eine einfache Base64-Zeichenfolge oder eine vollständige Bild-Daten-URL ein. „Beispiel ausprobieren“ füllt dasselbe Feld mit einem echten PNG-Beispiel. Sie müssen keine separate Datei hochladen.
Eine Daten-URL enthält ein Präfix wie data:image/png;base64,. Einfaches Base64 enthält nur die kodierten Zeichen. Leerzeichen und Zeilenumbrüche innerhalb der Daten werden ignoriert.
Wenn sich Ihr Code innerhalb eines HTML-Bildes oder einer CSS-Deklaration befindet, kopieren Sie nur die Daten-URL. Das vollständige HTML-Element oder die CSS-Deklaration kann nicht als Bild dekodiert werden.
Verwenden Sie den Bild-zu-Base64-Konverter, wenn Sie in die andere Richtung gehen müssen.
Überprüfen Sie die Vorschau vor dem Exportieren
Wählen Sie Weiter. Der Konverter überprüft die Base64-Zeichen, die Bilddateisignatur, den deklarierten MIME-Typ und ob der Browser das Ergebnis öffnen kann.
Eine Daten-URL, die JPG deklariert, während sie PNG Bytes enthält, wird abgelehnt. Unvollständiger Text, nicht unterstützte Dateien und Dateien über den Grenzwerten werden ebenfalls abgelehnt. Dies verhindert das stille Speichern einer irreführenden Dateiendung.
Das Beispiel verwendet das favicon-orbit.png-Beispiel, eine 512 × 512 PNG, die 202,491 Bytes enthält. Die Vorschau sollte dasselbe farbenfrohe Symbol-Artwork zeigen. Wenn Sie den eingefügten Code im Editor ändern, wählen Sie „Bildvorschau“, um den Ersatz zu überprüfen.
Die Vorschau hilft dabei, das Bild zu identifizieren. Verlassen Sie sich nicht allein auf einen Dateinamen oder einen deklarierten MIME-Typ.
Das Beispiel in dieser Anleitung
Probieren Sie ein Beispiel aus, um die Daten-URL für favicon-orbit.png zu füllen. Wählen Sie Weiter, bestätigen Sie die 512 × 512 Vorschau, dann Start und Download. Vergleichen Sie die heruntergeladenen PNG Bytes mit dem Quellbeispiel.
- Dekodiertes Format
- PNG
- Bildabmessungen
- 512 × 512 px
- Ursprüngliche Bild-Bytes
- 202,491 Bytes
- Konvertierung
- Dekodierung ohne Neukomprimierung
Laden Sie das wiederhergestellte Bild herunter
Wählen Sie Start und dann Download, um decoded-image.png für dieses Beispiel zu speichern. Der Konverter erkennt das Originalformat; er fordert Sie nicht auf, ein anderes zu wählen.
Die Dekodierung stellt die ursprünglichen Bytes wieder her. Sie ändert nicht die Größe, zeichnet nicht neu und komprimiert das Bild nicht neu. Zudem bleiben vorhandene Metadaten und GIF-Animationen erhalten. Verwenden Sie nach dem Herunterladen ein anderes Bildwerkzeug, wenn Sie das Ergebnis in der Größe ändern, komprimieren oder konvertieren möchten.
Das heruntergeladene Beispiel hat dieselben 202,491 Bytes wie seine Quelle PNG. Der hier gezeigte kurze Daten-URL-Auszug dient nur zur Veranschaulichung; eine abgeschnittene Zeichenfolge erzeugt nicht das vollständige Bild.
Laden Sie das Ergebnis herunter, bevor Sie die Seite aktualisieren, da dies einen neuen Arbeitsablauf startet.
Kennen Sie die Formate, Grenzwerte und Datenschutzgrenzen
PNG, JPG, WebP, GIF, BMP und AVIF werden unterstützt, wenn der Browser sie zur Vorschau dekodieren kann. Ein dekodiertes Bild kann bis zu 25 MB, 60 Megapixel und 16,000 Pixel pro Seite groß sein. Die Texteingabe hat ebenfalls eine begrenzte Länge. SVG-Markup und beliebige Binärdateien werden nicht unterstützt.
Die eingefügten Daten werden auf Ihrem Gerät dekodiert und in der Vorschau angezeigt, ohne zur Konvertierung hochgeladen zu werden. Base64 ist keine Verschlüsselung: Jeder mit der vollständigen Zeichenfolge kann das Bild rekonstruieren.
Halten Sie auch den kodierten Text eines privaten Bildes privat.
Häufige Fragen
Wie konvertiere ich Base64 in ein Bild?
Fügen Sie einen einfachen Base64-String oder eine Bild-Daten-URL ein, wählen Sie Weiter, prüfen Sie die Vorschau und wählen Sie dann Start und Download.
Kann ich ein vollständiges HTML-Bild-Tag einfügen?
Verwenden Sie nur die Daten-URL innerhalb des src-Attributs. Ein vollständiges HTML-Element oder eine CSS-Deklaration wird nicht akzeptiert.
Verliert das Bild an Qualität?
Nein. Die Dekodierung stellt die ursprünglichen Bild-Bytes ohne Größenänderung oder erneute Komprimierung wieder her.
Kann ich JPG anstelle von PNG wählen?
Dieses Tool stellt die kodierte Datei in ihrem Originalformat wieder her. Verwenden Sie anschließend einen Bildkonverter, um Formate zu ändern.
Warum wird meine Daten-URL abgelehnt?
Die Daten könnten unvollständig sein, ein Limit überschreiten, ein nicht unterstütztes Format enthalten oder einen MIME-Typ deklarieren, der nicht mit dem tatsächlichen Bild übereinstimmt.
Werden die Base64-Daten hochgeladen?
Nein. Der Konverter dekodiert und zeigt das Bild lokal in Ihrem Browser an.
Stellen Sie das Bild wieder her, bestätigen Sie es und speichern Sie die Originaldatei.
Probiere ein Beispiel oder verwende deine eigene Datei und überprüfe das Ergebnis vor dem Teilen.
