Bild in Base64 konvertieren
Konvertieren Sie Ihre Bilder kostenlos in Base64-Strings. Ideal zum Einbetten von kleinen Logos und Bildern direkt in HTML oder CSS.
Bild hierher ziehen
oder klicken Sie zum Auswählen — JPG, PNG, WebP, GIF funktionieren alle
Warum eine Bilddatei in Base64 umwandeln
Auslieferung in einer einzelnen Datei
Binden Sie Bilder direkt in HTML oder CSS ein und sparen Sie sich HTTP-Anfragen. Base64-kodierte Bilder werden als Teil des Dokuments übertragen, was Ladezeiten verringern kann.
E-Mail-Vorlagen
E-Mail-Clients blockieren oft externe Bilder. Inline-Base64-Bilder werden zuverlässig in Gmail, Outlook und Apple Mail ohne fehlerhafte Bildlinks angezeigt.
100% Privat
Ihr Bild verlässt niemals Ihren Browser. Der Konverter läuft vollständig lokal im Browser via FileReader und Canvas APIs. Keine Uploads, keine Datenschutzprobleme.
Sofortige Kodierung
Keine Wartezeiten. Die Base64-Kodierung erfolgt in Millisekunden auf Ihrem Gerät. Kopieren Sie das Ergebnis direkt in Ihren Quellcode.
So verwenden Sie dieses Tool
Wählen Sie Ihre Eingabemethode
Laden Sie ein Bild von Ihrem Gerät hoch oder fügen Sie eine URL ein. Es werden alle gängigen Formate wie JPG, PNG, WebP, GIF und SVG unterstützt.
Konfigurieren Sie Ihre Ausgabe
Decide whether to include the Data URL prefix (the `data:image/png;base64,` part). Most use cases need it, but if you only want the raw encoded string, uncheck that option. Line wrapping at 76 characters is useful for email attachments and MIME standards, but web applications typically omit it.
Kopieren oder Herunterladen
Klicken Sie auf Konvertieren und der Base64-Code wird sofort generiert. Kopieren Sie ihn direkt oder laden Sie ihn als Textdatei herunter.
Wann man Base64 verwendet (und wann nicht)
Gut: Kleine Icons und UI-Elemente
Favicons, Social-Media-Icons und kleine Symbole unter 10 KB sind ideal. Sie sparen einen HTTP-Aufruf und beschleunigen das Laden.
Gut: E-Mail-Vorlagen und Newsletter
E-Mail-Clients blockieren externe Bilder oft. Base64-Bilder werden zuverlässig dargestellt, da sie direkt im Nachrichtentext eingebettet sind.
Vermeiden: Große Fotos und Hintergrundbilder
Base64 erhöht die Dateigröße um etwa 33 %. Vermeiden Sie Base64 für große Bilder oder Fotos.
Vermeiden: Häufig wechselnde Bilder
Bilder, die sich häufig ändern (wie Avatare), sollten externe URLs bleiben, da Base64-Bilder nicht einzeln gecached werden können.
Häufig gestellte Fragen
Lädt dieses Tool mein Bild irgendwo hoch?
Nein. Alles wird lokal in Ihrem Browser via FileReader und Canvas APIs verarbeitet. Ihre Bilder verlassen Ihr Gerät nicht.
Was ist der Unterschied zwischen Data-URL und reinem Base64?
A Data URL includes the prefix like `data:image/png;base64,` followed by the encoded string. This tells the browser the data type and encoding. Raw Base64 is just the encoded characters without the prefix. Use Data URLs for web development — raw Base64 for systems that expect the string only.
Warum sollte ich den Zeilenumbruch verwenden?
Der Zeilenumbruch nach 76 Zeichen entspricht dem MIME-Standard für E-Mail-Anhänge und Altsysteme.
Kann ich eine URL von einer beliebigen Website einfügen?
Nur wenn der Server CORS-Anfragen erlaubt. Viele Webseiten blockieren Direktverlinkungen.
Wie groß darf das Bild maximal sein?
Technisch gibt es kaum Grenzen, aber Base64-Strings von Bildern über 500 KB werden extrem lang und beeinträchtigen die Performance.
Funktioniert Base64 auch mit animierten GIFs?
Yes. The encoder preserves the entire file, including all frames and timing data. When you embed the Data URL in an `` tag, the animation plays just like the original GIF. The same goes for PNG transparency and WebP features — nothing is lost in the encoding process.
Häufig gestellte Fragen
Wofür wird die Base64-Kodierung verwendet?
Sie wandelt binäre Bilddaten in Text um, der direkt in HTML, CSS oder JavaScript eingebettet werden kann.
Wie viel größer ist Base64 im Vergleich zum Original?
Die Base64-Kodierung erhöht die Dateigröße um ca. 33 %. Für Bilder über 20 KB ist das Laden via URL meist effizienter.
Kann ich mehrere Bilder gleichzeitig konvertieren?
Ja, laden Sie mehrere Bilder hoch, um sie unabhängig voneinander umzuwandeln.
Welches Format hat die Base64-Ausgabe?
Die Ausgabe enthält das Data-URI-Präfix, damit der Code sofort in HTML src-Attributen oder CSS background-image funktioniert.