Bild ↔ Base64 konvertiert Bilddateien (PNG, JPG, SVG, WebP, GIF) in Base64-kodierte Daten-URIs und umgekehrt. Per Drag & Drop, Einfügen oder Klick ein Bild laden; den vollständigen data:image/...;base64,... String kopieren, um ihn inline in CSS, HTML oder Konfigurationen einzubetten. Oder eine Daten-URI einfügen, um sie als Bilddatei anzuzeigen und herunterzuladen.
Base64-kodierte Bilder können direkt in CSS-, HTML- oder Konfigurationsdateien eingebettet werden – besonders nützlich für kleine Icons, E-Mail-Vorlagen oder Build-Artefakte, bei denen externe Bildanfragen unerwünscht sind. Dieses Tool macht die Konvertierung mühelos. Ziehen Sie eine Bilddatei in das Fenster, fügen Sie sie aus der Zwischenablage ein oder klicken Sie zum Durchsuchen Ihres Computers. Das Tool konvertiert das Bild in eine Daten-URI mit dem korrekten MIME-Typ (data:image/png;base64,..., data:image/svg+xml;base64,... usw.). Auch die umgekehrte Richtung funktioniert – fügen Sie eine Daten-URI ein und das Tool rendert das Bild zur Vorschau und bietet einen Download-Link zum Speichern als echte Datei an. Alles geschieht direkt im Browser, ohne Uploads – Ihre Bilder verlassen nie Ihren Rechner. Unterstützt die Formate PNG, JPG/JPEG, SVG, WebP, GIF und ICO.
Verschiedene Arten, ein Bild zu laden: Ziehen Sie eine Datei von Ihrem Betriebssystem, fügen ein Bild aus der Zwischenablage ein (auch Screenshots) oder nutzen den Datei-Browser.
Wenn Sie eine Daten-URI einfügen, rendert das Tool das Bild sofort, sodass Sie es vor dem Kopieren oder Herunterladen überprüfen können.
Kopiert den vollständigen data:image/...;base64,... String, bereit zum Einfügen in Ihr CSS, HTML-src-Attribut oder Ihre JSON-Konfiguration.
Keine Wartezeit für Uploads – alles passiert lokal. Selbst große Bilder werden in Bruchteilen einer Sekunde konvertiert.
Speichern Sie das aus einer Base64-Daten-URI rekonstruierte Bild als echte Datei (PNG, JPG, SVG usw.) mit der korrekten Dateiendung.
Unterstützt PNG, JPG, SVG, WebP, GIF und ICO. Der MIME-Typ wird automatisch erkannt, sodass Ihre Daten-URI immer korrekt ist.
Konvertieren Sie ein 16x16-Icon in Base64 und betten Sie es in background-image: url(...) ein. Keine HTTP-Anfrage, kein Cache-Miss – das Icon wird direkt mit Ihrem CSS ausgeliefert.
Betten Sie Bilder direkt in HTML-E-Mails als Daten-URIs ein, wenn externe Bildreferenzen von Clients blockiert oder als Spam markiert werden könnten.
Integrieren Sie kleine Bilder direkt in die Webpack/Vite-Bundle-Ausgabe, um Asset-Roundtrips beim Start der App zu eliminieren.
Fügen Sie eine Daten-URI aus Dev-Tools, HTML-Quellcode oder einer CSS-Datei ein, um eine Vorschau zu sehen und das zugrunde liegende Bild als Datei herunterzuladen.
Wenn ein eingebettetes Bild nicht gerendert wird, fügen Sie die Daten-URI in den Dekodierer ein, um zu prüfen, ob das Base64 valide und der MIME-Typ korrekt ist.
Klicken Sie auf das Bild-Base64-Symbol im DevSuite Pro Dock. Ein zweigeteiltes Panel mit einem Drop-Bereich und einem Daten-URI-Feld öffnet sich.
Ziehen Sie eine Datei auf den Drop-Bereich, fügen Sie ein Bild aus der Zwischenablage ein (Strg+V) oder klicken Sie auf den Bereich zum Durchsuchen. Eine Vorschau erscheint.
Die Base64-Daten-URI wird sofort im Ausgabefeld erzeugt – klicken Sie auf Kopieren, um sie für die Inline-Verwendung in Ihre Zwischenablage zu übernehmen.
Um Base64 → Bild zu konvertieren, fügen Sie eine Daten-URI in das Feld ein. Die Vorschau rendert das Bild und ein Download-Button erscheint.
Speichern Sie das rekonstruierte Bild als echte Datei oder kopieren Sie die Daten-URI, um sie an anderer Stelle zu teilen oder einzubetten.
Installieren Sie DevSuite Pro kostenlos und schalten Sie 64+ Entwickler-Tools für Ihren Browser frei.
