Bild zu Base64

Bild zu Base64

Dieses Tool konvertiert eine Bilddatei in eine Base64-codierte Daten-URI-Zeichenfolge. Sie können diese Zeichenfolge direkt in HTML oder CSS einbetten, sodass keine separate Bilddateianforderung erforderlich ist.

Die Base64-Kodierung erhöht die Datengröße um ca. 33 % und eignet sich daher am besten für kleine Bilder wie Symbole und Logos statt für große Fotos.

Dateien werden lokal im Browser gelesen. Das Bild wird nicht an einen Server hochgeladen, und die Eingabe ist fuer stabile Leistung auf ein Bild bis 2 MB begrenzt.

Wie zu verwenden

1. Ziehen Sie eine Bilddatei per Drag-and-Drop in den Upload-Bereich oder klicken Sie, um sie auszuwählen.
2. Der Base64-codierte Daten-URI erscheint im Texteditor unten.
3. Verwenden Sie Kopieren, um das Ergebnis zu kopieren, oder Speichern, um es als Textdatei herunterzuladen.

Bilder in HTML einbetten

Sie können Base64-Daten-URIs direkt in HTML-IMG-Tags verwenden: <img src="data:image/png;base64,...">

In CSS können Sie Daten-URIs für Hintergrundbilder verwenden: background: url('data:image/png;base64,...')

Mit Python konvertieren

Konvertieren Sie ein Bild mit Python in Base64:

import base64
from PIL import Image

with open('image.png', 'rb') as f:
    encoded = base64.b64encode(f.read())
data_uri = 'data:image/png;base64,' + encoded.decode()

MCP-Integration

MCP (Model Context Protocol) ermöglicht KI-Agenten und Apps, Coding.Tools-Werkzeuge zu entdecken und für wiederholbare Konvertierungs-, Formatierungs-, Hashing- und Generierungsabläufe auszuführen.

MCP-Toolname: image-to-base64

MCP-Endpunkt: https://coding.tools/mcp

Rufen Sie zuerst tools/list auf. Jeder Tool-Eintrag enthält inputSchema, outputSchema und examples, damit ein KI-Agent oder Client gültige Argumente ohne Raten erstellen kann.

Bei tools/call lesen Sie result.content[0].text für den Anzeigewert und result.structuredContent für maschinelles Parsen. Tool-Fehler liefern isError: true; Protokollfehler liefern einen JSON-RPC error.

Beispiel für eine tools/call-Anfrage:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"image-to-base64","arguments":{"input":{"url":"https://coding.tools/assets/img/photo2pixel-demo.png"}}}}'

Für image-to-base64 übergeben Sie eine öffentliche Bild-URL als input.url. Für private lokale Dateien verwenden Sie die Weboberfläche oder senden die Dateibytes als Base64 mit options.mimeType.

Die meisten Text- und Datentools akzeptieren eine input-Zeichenkette sowie optionale options. Bildtools, die Browser-Bild-APIs benötigen, werden zur Erkennung aufgelistet und geben bei Bedarf einen Link zur Weboberfläche zurück.