Bild-zu-Base64-Konverter
Wandeln Sie ein lokales Bild in Base64 um (oder in eine fertige Data-URL, CSS-Hintergrund, HTML-img oder Markdown-Snippet) ohne Upload.
Über Bild-zu-Base64-Konverter
Wandeln Sie ein lokales Bild in Base64 um (oder in eine fertige Data-URL, CSS-Hintergrund, HTML-img oder Markdown-Snippet) ohne Upload. Dieser kostenlose Bild-zu-Base64-Konverter liest Dateien mit FileReader im Browser, sodass Screenshots, Logos und unveröffentlichte Assets das Gerät nicht verlassen. Andersherum: Data-URL oder rohes Base64 einfuegen, Vorschau anzeigen und Datei herunterladen.
So verwenden Sie Bild-zu-Base64-Konverter
- Waehlen Sie Bild → Base64. Datei ablegen, klicken zum Auswaehlen oder Screenshot mit Strg+V / Cmd+V einfuegen.
- Pruefen Sie Vorschau, MIME-Typ, Pixelgroesse, Original- vs. Base64-Groesse und den genauen Overhead in Prozent (~33 %).
- Kopieren Sie den Tab Data-URL, rohes Base64, CSS background-image, HTML img oder Markdown. Nichts wird hochgeladen.
- Umgekehrt: Wechseln Sie zu Base64 → Bild, fuegen Sie Data-URL oder rohes Base64 ein, pruefen Sie die Vorschau und laden Sie die Datei herunter.
Beispiele für Bild-zu-Base64-Konverter
Kleines Icon in CSS
Kodieren Sie ein 16×16-PNG, oeffnen Sie den CSS-Tab und fuegen Sie background-image: url('data:image/png;base64,...') in ein Stylesheet oder E-Mail-Template ein.
Screenshot einfuegen
Kopieren Sie einen Screenshot in die Zwischenablage, fokussieren Sie diese Seite und druecken Sie Strg+V / Cmd+V. Das Tool kodiert das Zwischenablage-Bild sofort - ohne Speicherdialog.
Data-URL aus Logs dekodieren
Fuegen Sie data:image/webp;base64,... unter Base64 → Bild ein, um die Datei zu previewen und herunterzuladen, wenn Sie nur den String haben.
Base64-Overhead pruefen
Das Groessenpanel zeigt Originalbytes, kodierte Laenge und den exakten Zuwachs in Prozent, damit Sie entscheiden koennen, ob Inlining sich lohnt.
Häufig gestellte Fragen zu Bild-zu-Base64-Konverter
- Verlaesst mein Bild den Browser?
- Nein. Die Kodierung nutzt die Browser-FileReader-API (readAsDataURL). Es gibt keinen Upload-Endpunkt. Sie koennen in DevTools → Netzwerk pruefen, dass beim Konvertieren keine ausgehende Anfrage mit der Datei entsteht.
- Wie wandle ich ein Bild online in Base64 um?
- Bild ablegen oder auswaehlen (oder Screenshot einfuegen), dann den Tab Rohes Base64 oder Data-URL kopieren. Alles laeuft clientseitig.
- Kann ich Base64 wieder in ein Bild umwandeln?
- Ja. Wechseln Sie zu Base64 → Bild und fuegen Sie data:image/...;base64,... oder rohes Base64 ein. Das Tool erkennt MIME per Magic Bytes, wenn das Praefix fehlt, zeigt eine Vorschau und erlaubt den Download.
- Warum ist Base64 etwa 33 % groesser?
- Base64 kodiert je 3 Binärbytes als 4 ASCII-Zeichen, daher ist der Text etwa ein Drittel groesser als die Datei. Das Panel zeigt den genauen Overhead Ihres Payloads.
- Wann sollte ich Bilder nicht als Base64 einbetten?
- Vermeiden Sie Inlining fuer grosse Fotos oder alles ueber ~100 KB in CSS/HTML-Seiten - das blockiert Caching und blaht das Dokument auf. Bevorzugen Sie normale Bild-URLs; behalten Sie Base64 fuer kleine Icons, E-Mail oder Offline-Embeds.
- Welche Formate werden unterstuetzt?
- PNG, JPEG, GIF, WebP, SVG, BMP, ICO und AVIF, wenn der Browser sie lesen kann. Soft-Limit ist 8 MB pro Datei, lokal vor FileReader erzwungen.
Verwandte Tools
Base64-Encoder / Decoder
Kostenloser Online-Base64-Encoder und -Decoder. Text zu Base64 kodieren oder Base64 zurück zu Klartext dekodieren, mit voller Unicode-(UTF-8-)Unterstützung - läuft vollständig in Ihrem Browser.
Hash-Generator
Erzeugen Sie SHA-256-, SHA-1-, SHA-384- und SHA-512-Hashes aus beliebigem Text. Erhalten Sie den Kleinbuchstaben-Hex-Digest sofort in Ihrem Browser - nichts wird hochgeladen.
CSS-Minifier
Kostenloser Online-CSS-Minifier. Komprimieren und minifizieren Sie CSS durch Entfernen von Kommentaren und Zusammenfassen von Whitespace - kleinere Stylesheets, schnellere Seitenladezeiten. Läuft in Ihrem Browser, kein Upload nötig.