Codieren Sie jedes Bild als Base64-Daten-URI
Legen Sie ein Bild in das Tool ab und erhalten Sie sofort die Base64-codierte Zeichenfolge. Verwenden Sie die Ausgabe als Daten-URI in HTML, CSS oder JSON, ohne das Bild separat zu hosten. Das Tool zeigt die codierte Länge, den MIME-Typ und eine Live-Vorschau an, sodass Sie das Ergebnis vor dem Kopieren überprüfen können.
Nutzen Sie dieses Tool kostenlosBrowser tool
Image to Base64
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
Wie zu verwenden
Laden Sie ein Bild hoch
Ziehen Sie eine JPEG-, PNG-, WebP-, GIF- oder SVG-Datei in das Tool. Das Bild wird lokal gelesen und verlässt niemals Ihr Gerät.
Überprüfen Sie die Ausgabe
Das Tool zeigt die Base64-Zeichenfolge, den Daten-URI und eine Live-Vorschau des dekodierten Bildes an, damit Sie die Übereinstimmung bestätigen können.
Kopieren oder herunterladen
Klicken Sie, um die Daten-URI-Zeichenfolge zu kopieren oder als Nur-Text-Datei herunterzuladen. Verwenden Sie die HTML- oder CSS-Snippet-Schaltflächen für fertigen Code zum Einfügen.
Merkmale
Unterstützung mehrerer Formate
Kodieren Sie JPEG-, PNG-, WebP-, GIF- und SVG-Dateien. Der richtige MIME-Typ wird automatisch erkannt und in das Daten-URI-Präfix aufgenommen.
Kopieren mit einem Klick
Kopieren Sie die rohe Base64-Zeichenfolge oder den vollständigen Daten-URI mit einem einzigen Klick. Ein Bestätigungstoast informiert Sie darüber, dass sich der Text in Ihrer Zwischenablage befindet.
Ausgabestatistiken
Sehen Sie sich die ursprüngliche Dateigröße, die Länge der codierten Zeichenfolge und den Prozentsatz des Codierungsaufwands an. Dies hilft Ihnen bei der Entscheidung, ob das Inlining des Bildes den Kompromiss wert ist.
CSS- und HTML-Snippets
Bereiten Sie sich auf das Einfügen von Codefragmenten für ein HTML-IMG-Tag und eine CSS-Hintergrundbildregel vor. Kopieren Sie das Snippet und fügen Sie es direkt in Ihre Codebasis ein.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhanceSpezifikationen
| Eingabeformate | JPEG, PNG, WebP, GIF, SVG |
| Ausgabe | Base64-String/Daten-URI |
| Maximale Dateigröße | 10 MB |
| MIME-Erkennung | Automatisch |
| Snippet-Formate | HTML-Bild, CSS-Hintergrund |
| Verarbeitung | Clientseitig (kein Upload) |
Related Magic Eraser Tools
Häufige Fragen
Wann sollte ich Base64 anstelle einer regulären Bilddatei verwenden?
+
Base64-Inlining ist am nützlichsten für sehr kleine Bilder wie Symbole, 1x1-Tracking-Pixel oder winzige UI-Elemente, bei denen das Speichern einer zusätzlichen HTTP-Anfrage wichtiger ist als die etwa 33 %ige Größenzunahme, die die Base64-Codierung mit sich bringt.
Reduziert die Base64-Kodierung die Bildqualität?
+
Nein. Base64 ist eine verlustfreie Kodierung der Binärdateidaten. Das dekodierte Bild ist Byte für Byte identisch mit dem Original. Der einzige Kompromiss ist eine größere Textnutzlast.
Gibt es eine maximale Dateigröße, die ich kodieren kann?
+
Das Tool akzeptiert Dateien bis zu 10 MB. Größere Bilder erzeugen sehr lange Zeichenfolgen, deren Inline-Einbindung möglicherweise unpraktisch ist. Bei großen Bildern ist es fast immer der bessere Ansatz, die Datei zu hosten und mit einer URL zu verlinken.
Benötigen Sie ein kleineres Quellbild?
AI Enhance kann Bilder komprimieren und optimieren, bevor Sie sie kodieren. Eine kleinere Quelldatei erzeugt eine kürzere Base64-Zeichenfolge und verringert so die Seitengröße.
Probieren Sie es kostenlos ausMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Entwerfen Sie lineare, radiale und konische Farbverläufe mit mehreren Farbstopps. Kopieren Sie den CSS-Code oder laden Sie ihn als PNG-Bild herunter.
Konvertieren Sie Farben zwischen den benannten Formaten HEX, RGB, HSL, HSB, CMYK und CSS. Sehen Sie sich eine Live-Vorschau an, kopieren Sie beliebige Werte und exportieren Sie eine Farbkarte.
Konvertieren Sie HEX-Farbcodes in RGB-Werte und umgekehrt. Live-Vorschau, Kopieren mit einem Klick und CSS-Snippet-Ausgabe. – funktioniert in Ihrem Browser.
Wählen Sie eine beliebige Farbe aus einem hochgeladenen Bild aus und erhalten Sie sofort die HEX-, RGB- und HSL-Codes. Erstellen Sie Paletten aus Fotos für Webdesign, Branding und Illustration.
Laden Sie ein Foto hoch und extrahieren Sie 5–10 dominante Farben mit HEX-, RGB- und HSL-Codes. Kopieren Sie Farbfelder und exportieren Sie sie als ASE- oder CSS-Variablen.
Generieren Sie QR-Codes für URLs, Text, WLAN-Anmeldeinformationen und vCards. Passen Sie die Farben an, fügen Sie ein Logo in der Mitte hinzu und laden Sie es als PNG oder SVG herunter.