Kategorien

← View All Tools

Bild zu Base64 Konverter

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

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/gif

Wichtige Fakten

Kategorie
Design
Eingabetypen
file, select, checkbox, number
Ausgabetyp
text
Sample-Abdeckung
4
API verfügbar
Yes

Ü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

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

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

Mit Samples testen

image, png, jpg
Web Python Bildverarbeitung Beispiele
Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung
title token image
image
Windows C++ Bildverarbeitung Beispiele
Windows C++ Bildverarbeitungsbeispiele einschließlich Bild-Laden/Speichern, Größenänderung und Formatkonvertierung mit Windows Imaging Component
title token image
image
Web Rust Bildverarbeitungsbeispiele
Web Rust Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung
title token image
image
Bildverarbeitung macOS Objective-C - Beispiele
macOS Objective-C Bildverarbeitungsbeispiele einschließlich Bild-Lesen/Schreiben, Bild-Skalierung und Formatkonvertierung
title token image
image

Verwandte Hubs

Image-Convert-Tools
Entdecken Sie 100 image-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Image-Tools
Entdecken Sie 40 image-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Convert-Tools
Entdecken Sie 100 json-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Audio-Convert-Tools
Entdecken Sie 100 audio-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.

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.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/image-to-base64

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
imageFile file (Upload erforderlich) Ja -
outputFormat select Ja -
includeDataUri checkbox Nein -
maxWidth number Nein -
maxHeight number Nein -

Dateitypparameter müssen erst über POST /upload/image-to-base64 hochgeladen werden, um filePath zu erhalten, dann filePath an das entsprechende Dateifeld übergeben.

Antwortformat

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
Text: Text

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu: 

{
  "mcpServers": {
    "elysiatools-image-to-base64": {
      "name": "image-to-base64",
      "description": "Konvertieren Sie Bilder in Base64-Kodierung mit Unterstützung für verschiedene Formate und Qualitätseinstellungen",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-to-base64",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Unterstützt URL-Dateilinks oder Base64-Codierung für Dateiparameter.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]