Bild zu Base64-Konverter Konvertieren Sie Bilder in Base64-kodierte Daten-URIs für die Einbettung in HTML, CSS und Code.

🖼️

Bild zu Base64

Konvertieren Sie Bilder in Base64-kodierte Daten-URIs für die Einbettung in HTML, CSS und Code.

Bild hochladen

Ziehen Sie eine Bilddatei per Drag-and-Drop oder wählen Sie sie aus, um sie als Base64 zu codieren.

Ausgabe kopieren

Kopieren Sie die Daten-URI, den rohen Base64-String oder das vollständige HTML-Bild-Tag.

In Code verwenden

Fügen Sie die Base64-Daten direkt in Ihren HTML-, CSS- oder JavaScript-Code ein.

Loading tool...

What Is Bild zu Base64?

Ein Bild-zu-Base64-Konverter wandelt Bilddateien in Textzeichenfolgen um, die direkt in HTML-, CSS- oder JavaScript-Code eingebettet werden können. Die Base64-Codierung stellt binäre Bilddaten als ASCII-Zeichen dar, wodurch es möglich ist, Bilder inline einzuschließen, ohne separate Dateianfragen zu stellen. Das Tool generiert drei Ausgaben: eine vollständige Data-URI, die rohe Base64-Zeichenfolge für APIs und ein fertig zum Einsetzen in HTML img-Tag. Dies ist besonders nützlich für kleine Symbole, Logos und Benutzeroberflächenelemente, bei denen die Reduzierung von HTTP-Anfragen die Leistung verbessert.

Why Use Bild zu Base64?

Drei Ausgabeformate: Daten-URI, roher Base64-String und HTML-Tag
Eliminiert HTTP-Anfragen für kleine Bilder
Kopierfertig für HTML, CSS und JavaScript
Zeigt die Länge des Base64-Strings zur Größenschätzung an

Common Use Cases

Bilder inline in HTML einbetten

Betten Sie kleine Bilder direkt in HTML ein, um HTTP-Anfragen zu reduzieren.

CSS-Hintergrundbilder

Verwenden Sie Base64-Daten-URIs in CSS-Eigenschaften für Hintergrundbilder.

E-Mail-Vorlagen

Betten Sie Bilder direkt in HTML-E-Mails ein, um fehlerhafte Bildverknüpfungen zu vermeiden.

API-Payloads

Schließen Sie Bilddaten in JSON-Payloads für APIs ein, die Base64-codierte Bilder akzeptieren.

Technical Guide

Die Base64-Codierung wandelt binäre Bilddaten in eine Zeichenfolge aus 64 ASCII-Zeichen um. Die readAsDataURL-Methode der FileReader-API liest die Datei und erzeugt eine Data-URI. Durch die Base64-Codierung wird die Datenmenge etwa um 33 % vergrößert, da jedes 3 Byte binärer Daten zu 4 Base64-Zeichen werden. Aus diesem Grund ist es am effizientesten für kleine Bilder unter 10 KB.

Tips & Best Practices

1
Am besten geeignet für kleine Bilder (Symbole, Logos) unter 10 KB, um Code-Überlastung zu vermeiden
2
Base64 erhöht die Dateigröße um etwa 33 % - nicht verwenden für große Bilder
3
Daten-URIs in CSS können nicht wie externe Bilder separat zwischengespeichert werden
4
Verwenden Sie die Ausgabe des HTML-Bild-Tags für schnelles Kopieren und Einfügen in Webseiten

Related Tools

Bildformat-Konverter

Konvertieren Sie Bilder zwischen den Formaten JPG, PNG und WebP mit Qualitätskontrolle.

🖼️ Image Tools

PNG zu SVG

Ummanteln Sie Rasterbilder mit einem SVG-Container für vektorbasierte Workflows.

🖼️ Image Tools

Base64 zu Bild

Decodieren Sie Base64-Zeichenfolgen oder Data-URIs zurück in anzeigbare und herunterladbare Bilder.

🖼️ Image Tools

Favicon-Generator

Erstellen Sie Favicons in verschiedenen Größen (16x16, 32x32, 48x48 und mehr) aus jedem Bild.

🖼️ Image Tools

Frequently Asked Questions

Q Wann sollte ich Base64-Bilder verwenden?

Für kleine Bilder (Symbole, Logos unter 10 KB), bei denen die Reduzierung von HTTP-Anfragen den 33 %-igen Größenzuwachs aufwiegt.

Q Warum ist Base64 größer als das Original?

Die Base64-Codierung wandelt 3 Bytes in 4 Zeichen um, was zu einer ungefähren Größenerhöhung von 33 % führt.

Q Kann ich Base64 in CSS verwenden?

Ja, verwenden Sie die Daten-URI in background-image: url(data:image/png;base64,...) oder anderen CSS-Bildeigenschaften.

Q Funktioniert es mit allen Bildformaten?

Ja, jedes von Ihrem Browser unterstützte Bildformat kann in Base64 codiert werden.

Q Gibt es eine Größenbeschränkung?

Keine harte Grenze, aber Base64 für Bilder über 100 KB macht den Code unübersichtlich.

About This Tool

Bild zu Base64 is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.