Bild zu Base64 Konverter

Bild zu Base64 Konverter | Kostenloses Online-Tool | Elysia Tools

Leitfaden zur Tool-Nutzung

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Kategorie: Design
Eingabetypen: file, select, checkbox, number
Ausgabetyp: text
Sample-Abdeckung: 4
API bereit: Ja

Überblick

Der Bild zu Base64 Konverter wandelt Bilddateien in Base64-kodierte Zeichenketten um. Unterstützt werden JPEG, PNG, WebP und GIF, mit Optionen zur Anpassung von Ausgabeformat, Größe und Data-URI-Präfix.

Wann verwenden

Wenn Bilder direkt in HTML- oder CSS-Code eingebettet werden sollen, ohne separate Dateien zu verlinken.
Zur Erstellung von Data-URIs für Webanwendungen, E-Mails oder JSON-Daten.
Wenn Bilder in textbasierter Form gespeichert oder übertragen werden müssen, z.B. in Datenbanken oder APIs.

So funktioniert es

1Laden Sie eine Bilddatei im Format JPEG, PNG, WebP oder GIF hoch.
2Wählen Sie optional das Ausgabeformat und geben Sie maximale Breite oder Höhe in Pixeln an.
3Aktivieren oder deaktivieren Sie den Data-URI-Präfix je nach Verwendungszweck.
4Klicken Sie auf Konvertieren, um den Base64-Code als Textausgabe zu erhalten.

Anwendungsfälle

Einbetten von Logos oder Icons in HTML-E-Mails, um externe Ressourcen zu vermeiden.
Speichern von Bildern in Datenbanken als Textzeichenfolgen für einfachere Datenverwaltung.
Erstellen von Data-URIs für kleine Bilder in Webseiten, um HTTP-Anfragen zu reduzieren.

Beispiele

1. Logo in HTML einbetten

Webentwickler

Hintergrund

Ein Webentwickler möchte ein Firmenlogo direkt in den HTML-Code einer Landingpage einbetten, um die Ladezeit zu verbessern.

Aufgabe

Das Verlinken des Logos als separate Datei erzeugt zusätzliche HTTP-Anfragen.

Verwendung

Laden Sie die Logodatei (logo.png) hoch, wählen Sie 'PNG' als Ausgabeformat und aktivieren Sie den Data-URI-Präfix.

Ergebnis

Der generierte Base64-Code kann im HTML-Tag <img src='data:image/png;base64,...'> verwendet werden, ohne externe Dateien.

2. Bild für JSON-API vorbereiten

Hintergrund

Ein Entwickler muss ein Benutzerbild in einer JSON-Antwort übertragen, die nur Textdaten unterstützt.

Aufgabe

Binäre Bilddaten können nicht direkt in JSON-Strings eingefügt werden.

Verwendung

Konvertieren Sie das Bild (avatar.jpg) in Base64, deaktivieren Sie den Data-URI-Präfix, und kopieren Sie den Code in das JSON-Feld.

Ergebnis

Das Bild ist als Base64-String in der JSON-Antwort enthalten und kann clientseitig dekodiert werden.

FAQ

Welche Bildformate werden unterstützt?

JPEG, PNG, WebP und GIF.

Gibt es eine Größenbeschränkung für die Bilddatei?

Ja, die maximale Dateigröße beträgt 10 MB.

Was bewirkt der Data-URI-Präfix?

Er fügt den notwendigen Code hinzu, um das Bild direkt in HTML oder CSS einzubetten, z.B. 'data:image/jpeg;base64,'.

Kann ich die Bildgröße vor der Konvertierung anpassen?

Ja, Sie können maximale Breite und Höhe in Pixeln angeben, um das Bild zu skalieren.

Wie verwende ich den generierten Base64-Code?

Kopieren Sie den Code und fügen Sie ihn in Ihr HTML-, CSS- oder JSON-Dokument ein, je nach Bedarf.

Dieses Tool ausführen

Eingaben

Ergebnis

Beispiele zu diesem Tool

Mit verwandten Tools und Themen fortfahren

Eingaben

Ergebnis

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Überblick

Wann verwenden

So funktioniert es

Anwendungsfälle

Beispiele

1. Logo in HTML einbetten

2. Bild für JSON-API vorbereiten

FAQ

Web Python Bildverarbeitung Beispiele

Web TypeScript Bildverarbeitungsbeispiele

Android Java Bildverarbeitungsbeispiele

Android Kotlin Bildverarbeitungsbeispiele

Data-URI-Generator

Bild Spiegeln (Vertikal)

Bild Spiegeln (Horizontal)

Bildprozessor

Tools fur Bildformat-Konvertierung und animierten Export

Werkzeuge fur Bildbereinigung, Rahmen und Batch-Vorbereitung

Bildmetadaten-, EXIF- und Datenschutz-Bereinigungs-Tools

Tools für Bildbereinigung, Größenänderung und Detailverbesserung