Base64 in Bild
Base64 to Image
Dekodiert eine Base64-Zeichenkette oder Data-URI zurück in ein anzeigbares, herunterladbares Bild.
Eine Data-URI, die durch ein Stylesheet, eine JSON-Nutzlast und einen Chat-Client gewandert ist, ist selten sauber: Sie hat eine url()-Hülle, Anführungszeichen, Zeilenumbrüche oder das fehlende data:-Präfix. Dieses Werkzeug nimmt all das an, dekodiert es und sagt Ihnen, wenn der Header über den Typ lügt.
Data-URI einfügen
Eine url(…)-Hülle, umgebende Anführungszeichen, verirrte Zeilenumbrüche und ein fehlendes data:-Präfix werden alle akzeptiert — genau so kommen diese Dinge an, wenn sie durch ein Stylesheet, eine JSON-Datei und einen Chat gelaufen sind.
So funktioniert es
Fügen Sie ein, was Sie haben
Die ganze data:-Zeichenkette oder nur den Base64-Teil. Hüllen, Anführungszeichen und verirrte Zeilenumbrüche werden entfernt.
Prüfen Sie den Typ gegen die Behauptung
Die Bytes sind die Autorität. Sagt die URI image/png und die Bytes sind ein JPEG, sagt es die Zeile – diese Abweichung ist der übliche Grund, warum so ein Bild dort, wo es verwendet wird, nicht gerendert wird.
Laden Sie es als Datei herunter
Die Endung folgt dem erkannten Typ und nicht dem Header, sodass die Datei, die Sie bekommen, sich öffnen lässt.
Häufige Fragen
Es heißt, das Base64 sei fehlerhaft.
Fast immer ein abgeschnittenes Kopieren und Einfügen. Eine Data-URI ist eine sehr lange Zeile, und Terminals, Chat-Clients und Log-Viewer kappen sie. Kopieren Sie sie aus der Quelldatei statt aus einer gerenderten Ansicht.
Die Größe wird als unbekannt angezeigt.
Die Abmessungen stammen aus dem Dekodieren des Bildes, und besonders SVG nimmt nicht auf jeder Engine diesen Weg. Das Bild wird trotzdem korrekt in der Vorschau angezeigt und heruntergeladen.
Wird mein Bild irgendwohin gesendet?
Nein. Das Dekodieren ist `atob` und ein Blob, beides in diesem Tab. Nichts wird gesendet, was hier zählt, weil eine eingefügte Data-URI oft aus einem privaten Dokument stammt.
Eingabe aus
Bild in Base64 / Data-URI
Image to Base64 / Data URI
Kodiert ein Bild als Base64-Zeichenkette oder als fertige Data-URI für CSS, HTML oder JSON.
Sprite-Sheet-Packer
Sprite Sheet Packer
Packt viele Bilder in einen Atlas und gibt dazu die CSS- oder JSON-Frame-Map aus.
Platzhalterbild
Placeholder Image
Erzeugt ein einfarbiges oder mit Verlauf gefülltes Platzhalterbild in beliebiger Größe, mit eingezeichneten Abmessungen.
SVG-Optimierer
SVG Optimiser
Entfernt Editor-Ballast, fasst Transformationen zusammen und rundet die Pfadgenauigkeit, mit gerendertem Vorher-nachher-Vergleich.
Danach
Diese Tools nehmen an, was dieses hier erzeugt, das Ergebnis kann also direkt weiter.
EXIF-Daten anzeigen
EXIF Viewer
Zeigt Kamera, Objektiv, Aufnahmezeit und GPS-Metadaten eines Fotos – die Koordinaten als Zahlen statt auf einer Karte, denn eine Karte würde den Standort an einen Kachelserver senden.
Bildformat-Konverter
Image Format Converter
Wandelt zwischen PNG, JPEG, WebP, AVIF, GIF, BMP und TIFF um – eine Datei oder ein ganzer Ordner auf einmal.
Bild in Base64 / Data-URI
Image to Base64 / Data URI
Kodiert ein Bild als Base64-Zeichenkette oder als fertige Data-URI für CSS, HTML oder JSON.
Hintergrund entfernen
Background Remover
Stellt ein Motiv vor einfarbigem Hintergrund per OKLab-Keying frei – ohne Upload, komplett im Browser – und liefert ein transparentes PNG samt Pinsel zum Nachbessern der Kanten.
EXIF-Daten entfernen
EXIF Remover
Entfernt Kamera-, GPS- und Bearbeitungsmetadaten aus Fotos, ohne die Pixel anzurühren – ohne Upload, komplett im Browser.
Favicon-Generator
Favicon Generator
Erzeugt den kompletten Favicon-Satz – ICO, PNGs, Apple-Touch-Icon, Web-Manifest – samt HTML zum Einfügen.