Bild zu Base64 - Data-URL Encoder Kostenlos

Bild hochladen – du erhältst den Base64-String als Data-URI zum Kopieren.

Ja, kostenlos und ohne Anmeldung.

Um Bilder direkt in HTML oder CSS einzubetten, ohne separate Dateien zu laden.

Gängige Formate wie JPG, PNG, WebP und GIF werden unterstützt.

Ja, die Kodierung läuft lokal in deinem Browser.

Füge die vollständige Data-URL als Hintergrund in deine CSS-Regel ein oder ins src-Attribut eines img-Tags. Der Browser dekodiert den Base64-Text und zeigt das Bild ohne separate Datei an. Das eignet sich für kleine Icons, Logos und Signaturbilder, die mit einer einzigen Datei reisen müssen.

Base64 bettet das Bild als Text ein und macht deine Seite oder Vorlage zu einer einzigen, in sich geschlossenen Datei. Es wird gern für E-Mail-Signaturen, eingebettete Dokumente und JSON-Nutzlasten verwendet, wo Dateianhänge unpraktisch sind. Beachte, dass jeder Empfänger das eingebettete Bild etwa ein Drittel größer erhält als die Originaldatei.

Base64-Kodierung fügt rund 33 Prozent zusätzlich hinzu, sodass eine große Datei einen sehr langen Text ergibt. Das ist für winzige Assets gedacht, nicht für hochauflösende Fotos. Komprimiere oder skaliere große Bilder vor dem Kodieren klein, oder behalte große Fotos besser als normale verlinkte Dateien.

Meistens wurde der Text abgeschnitten oder das Präfix der Data-URL ging beim Einfügen verloren. Kopiere die vollständige Ausgabe, beginnend mit dem Datenschema und dem Bildformat, und füge sie ohne Zeilenumbrüche ein. Prüfe auch, ob das Präfix zu deinem Format passt – PNG, JPG, WebP und GIF haben jeweils ihr eigenes.

JPG, PNG, WebP und GIF werden unterstützt, und die kodierte Ausgabe kannst du kopieren oder als Textdatei herunterladen. Die Kodierung läuft lokal in deinem Browser, deshalb verlassen auch Screenshots mit sensiblen Inhalten dein Gerät nie. Dateien werden bis zu 100 MB akzeptiert, kleine Assets liefern jedoch die brauchbarsten Ergebnisse.