Zum Inhalt springen
ToolsMinify logo
Entwickler-Tools

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

  1. Waehlen Sie Bild → Base64. Datei ablegen, klicken zum Auswaehlen oder Screenshot mit Strg+V / Cmd+V einfuegen.
  2. Pruefen Sie Vorschau, MIME-Typ, Pixelgroesse, Original- vs. Base64-Groesse und den genauen Overhead in Prozent (~33 %).
  3. Kopieren Sie den Tab Data-URL, rohes Base64, CSS background-image, HTML img oder Markdown. Nichts wird hochgeladen.
  4. 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.