Bild zu Base64
Bild per Drag & Drop in Base64 Data-URI umwandeln — komplett im Browser.
Bild hierher ziehen oder klicken
Max. 2 MB / PNG, JPG, SVG, GIF, WebP
So funktioniert dieses Tool
Konvertiert Bilder per Drag & Drop in Base64-Data-URIs — komplett im Browser. Ideal für Inline-Bilder in E-Mail-Templates, CSS-Backgrounds oder SVG-Dateien, bei denen externe Referenzen vermieden werden sollen. Unterstützt PNG, JPG, GIF, SVG und WebP bis 2 MB.
Typische Anwendungsfälle
- Inline-Bilder in HTML-E-Mail-Templates einbetten (kein externer Server nötig)
- Kleine Icons als Data-URI im CSS verwenden (spart HTTP-Requests)
- SVG in CSS background-image einbetten
- Schnell ein Favicon als Base64 für ein SPA generieren
Häufige Fragen
Werden meine Bilder hochgeladen?
Nein. Die Konvertierung läuft vollständig lokal mit der FileReader-API. Kein Server-Transfer.
Wie groß ist ein Base64-Bild im Vergleich zum Original?
Base64-Encoding vergrößert die Datei um ca. 33 %. Ein 10 KB PNG wird zu ca. 13,3 KB Base64-Text.
Wann sollte man Data-URIs vermeiden?
Bei Bildern über 10 KB — große Data-URIs blähen HTML/CSS auf, verhindern Browser-Caching und erhöhen den Parse-Aufwand. Für große Bilder sind separate Dateien + CDN besser.
Welche Formate werden unterstützt?
Alle Browser-nativen Bildformate: PNG, JPEG, GIF, WebP und SVG.
Was ist der Unterschied zwischen Data-URI und Base64?
Base64 ist die Kodierung (Binär → ASCII). Data-URI ist das Format (data:mime;base64,...) das Base64-Daten direkt in HTML/CSS einbettbar macht.
Kann ich das Ergebnis direkt in HTML verwenden?
Ja — der "HTML kopieren"-Button generiert ein fertiges <img src="data:..."> Tag. Einfach in Ihren Code einfügen.
Verwandte Tools
Daueraufsicht statt Stichprobe?
XICTRAQ überwacht Uptime, SSL, Security-Header, DSGVO und Performance 24/7. Free-Plan, keine Kreditkarte.