Bild in Base64 umwandeln — Data URI, CSS, HTML
Kodiere ein Bild als Base64-Data-URI und kopiere es als reines Base64, CSS-Hintergrund, HTML-img-Tag oder Markdown. Erkennt PNG, JPG, GIF, WebP, SVG und mehr.
Im Browser konvertieren · Ohne Registrierung
Ein Bild bis 15 MB · PNG, JPG, GIF, WebP, AVIF, SVG, BMP oder ICO
Anwendung
- Wähle ein Bild oder ziehe es in das Feld.
- Wähle die Ausgabe: Data URI, nur Base64, CSS, HTML oder Markdown.
- Kopiere den Text oder lade ihn als .txt-Datei herunter.
Beispiel
logo.png (1,2 KB) → data:image/png;base64,iVBORw0KGgo… (etwa 1,6 KB Text)
Details und Einschränkungen
Base64-Text ist etwa 33 % größer als die Datei. Kleine Icons und Logos direkt einbetten; größere Bilder lieber verlinken, damit Seiten schnell bleiben.
Der Bildtyp wird am Dateiinhalt erkannt, nicht am Namen: PNG, JPG, GIF, WebP, AVIF, SVG, BMP und ICO. Die Kodierung erfolgt in deinem Browser.
FAQ
Wann sollte ich eine Base64-Data-URI verwenden?
Für winzige Bilder in CSS, HTML-E-Mails oder Einzeldatei-Seiten, wenn eine eingesparte Anfrage wichtiger ist als die Größe. Data URIs werden nicht getrennt von der Seite zwischengespeichert.
Wird das Bild hochgeladen?
Nein. Die Datei wird auf deinem Gerät gelesen und kodiert.
Ähnliche Tools
Formatreferenzen
Tool-Seite aktualisiert: