# Bild zu Base64 Konverter

Konvertieren Sie Bilder in Base64-Kodierung mit Unterstützung für verschiedene Formate und Qualitätseinstellungen

> Kanonische Seite: https://elysiatools.com/de/tools/image-to-base64

- **Kategorie:** Design

- **Schlagwörter:** bild, base64, kodieren, konvertieren, data-uri, einbetten

## Ü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.

## Eingaben

- **Bilddatei** (file): Select an image file...
- **Ausgabeformat** (select)
- **Data URI-Präfix Einschließen** (checkbox)
- **Maximale Breite (Pixel)** (number): Maximum width...
- **Maximale Höhe (Pixel)** (number): Maximum height...

## 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.

## Funktionsweise

- Laden Sie eine Bilddatei im Format JPEG, PNG, WebP oder GIF hoch.
- Wählen Sie optional das Ausgabeformat und geben Sie maximale Breite oder Höhe in Pixeln an.
- Aktivieren oder deaktivieren Sie den Data-URI-Präfix je nach Verwendungszweck.
- Klicken 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.

## Häufig gestellte Fragen

### 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.

## Ähnliche Tools

- [Data-URI-Generator](https://elysiatools.com/de/tools/data-uri-generator): Konvertiert Dateien in Data URIs (Base64 oder prozent-kodiert), um Bilder, Schriftarten und Ressourcen direkt in HTML, CSS oder Markdown einzubetten
- [Bild Spiegeln (Vertikal)](https://elysiatools.com/de/tools/image-flip): Bilder vertikal spiegeln (oben nach unten) mit Optionen für Ausgabeformat und Qualität
- [Bild Spiegeln (Horizontal)](https://elysiatools.com/de/tools/image-flop): Bilder horizontal spiegeln (links nach rechts) mit Optionen für Ausgabeformat und Qualität
- [Bildprozessor](https://elysiatools.com/de/tools/image-processor): Verarbeiten Sie Bilder mit verschiedenen Operationen wie Größenänderung, Zuschneiden, Formatkonvertierung und Optimierung
- [Bild Drehen](https://elysiatools.com/de/tools/image-rotate): Bilder um angegebene Grad drehen mit Optionen für Hintergrundfarbe und Ausgabeformat
- [Bild nach Beliebigem Winkel drehen](https://elysiatools.com/de/tools/image-rotate-arbitrary): Bilder um jeden beliebigen Winkel drehen mit Optionen für Hintergrundfarbe und Ausgabeformat
- [Affine Bildtransformation](https://elysiatools.com/de/tools/image-affine): Affine Transformation für Skalierung, Rotation, Scherung und Verschiebung anwenden
- [Bild-Farb-Wähler](https://elysiatools.com/de/tools/image-color-picker): Wählen Sie Farben aus Bildern durch Angabe von Koordinaten. Erhalten Sie Farbwerte in den Formaten HEX, RGB, HSL, HSV und CMYK.

## Beispiele

- [Web Python Bildverarbeitung Beispiele](https://elysiatools.com/de/samples/web-image-processing-python): Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung
- [Web TypeScript Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/web-image-processing-typescript): Web TypeScript Bildverarbeitungsbeispiele einschließlich Bild-Lesen/Speichern, Skalierung und Formatkonvertierung
- [Android Java Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/android-image-processing-java): Android Java Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung
- [Android Kotlin Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/android-image-processing-kotlin): Android Kotlin Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung