Bild in Base64

Kodiere jedes Bild als Base64-Data-URI mit fertigen HTML- und CSS-Snippets zum Einfügen. Kostenlos und im Browser.

🔒 Deine Dateien verlassen dein Gerät nicht

Bette kleine Bilder direkt in HTML, CSS, JSON oder E-Mail-Vorlagen ein. Lege ein Bild ab und kopiere den kodierten String oder ein fertiges Snippet.

So funktioniert's: Bild in Base64

  1. Wähle ein Bild aus oder lege es hier ab.
  2. Kopiere die Base64-Data-URI oder das fertige HTML- bzw. CSS-Snippet.
  3. Füge es in deinen Code ein.

Häufige Fragen

Wann lohnen sich Base64-Bilder?

Bei kleinen Icons und Bildern bis wenige KB spart das Einbetten eine HTTP-Anfrage. Für größere Bilder ist eine normale Datei besser, denn Base64 vergrößert die Daten um etwa 33 % und kann nicht separat gecacht werden.

Wird mein Bild hochgeladen?

Nein. Die Kodierung nutzt den FileReader deines Browsers, alles passiert lokal.

Ähnliche Tools

Favicon-Generatorfavicon.ico plus Icons für Apple und Android. Base64 in BildEinen Base64-String wieder in eine Bilddatei umwandeln. Bild komprimierenFotos auf eine exakte Größe in KB oder MB bringen. BildkonverterZwischen JPG, PNG, WebP, GIF, BMP, AVIF und SVG umwandeln. Bildgröße ändernExakte Pixelmaße und Vorlagen für soziale Netzwerke. Bild zuschneidenBilder in jedem Seitenverhältnis oder als Kreis zuschneiden.