Bild-zu-Base64-Konverter
Lege ein Bild ab, um es als Base64 zu kodieren, und kopiere es als Data-URI, reines Base64, HTML-Tag, CSS-Hintergrund oder Markdown.
Deine Dateien verlassen nie dein Gerät – alles läuft in deinem Browser.
So geht's
- 1Lege ein PNG-, JPG-, SVG-, GIF-, WebP- oder ICO-Bild ab.
- 2Prüfe die Originalgröße und die kodierte Größe.
- 3Wähle das benötigte Format: Data-URI, reines Base64, HTML, CSS oder Markdown.
- 4Klicke daneben auf „Kopieren“ und füge es in deinen Code ein.
Häufig gestellte Fragen
Wann sollte ich Bilder als Base64 einbetten?
Sinnvoll ist das für kleine Icons und Logos in HTML-E-Mails, einseitigen HTML-Dateien und CSS, wo es eine zusätzliche Netzwerkanfrage spart. Für große Fotos ist es meist schlechter, weil Base64 rund ein Drittel größer ist und nicht separat gecacht werden kann.
Was ist der Unterschied zwischen Data-URI und reinem Base64?
Eine Data-URI hat ein Präfix wie data:image/png;base64, das dem Browser den Dateityp mitteilt, und funktioniert daher direkt in src und url(). Reines Base64 sind nur die kodierten Daten, wie sie APIs und JSON-Felder oft erwarten.
Wird mein Bild hochgeladen?
Nein. Die Kodierung passiert in deinem Browser mit der FileReader API.