Bild zu Base64

Konvertieren Sie ein Bild lokal in Base64-Daten, die Sie in HTML-, CSS-, JSON- oder Textdateien kopieren können.

Bild hochladen

Klicken oder ziehen Sie eine Bilddatei hierher, um sie hochzuladen

1 Bild · Max. 2 MB
Ausgabe
0 Zeichen

Verwandeln Sie ein kleines Bild in ein Daten-URI

Bild zu Base64 liest ein Bild in Ihrem Browser und gibt einen vollständigen data:-URI zurück. Fügen Sie ihn in HTML, CSS, JSON oder andere reine Textkontexte ein, wenn eine separate Bilddatei unpraktisch wäre.

Base64 ist keine Komprimierung. Normalerweise werden die codierten Daten um etwa 33% erhöht, zuzüglich des MIME-Präfixes wie data:image/png;base64,. Behalten Sie es für kleine Symbole, Platzhalter und eigenständige Ausschnitte bei, statt für große Fotos.

Die Datei wird lokal gelesen und ist für eine vorhersehbare Leistung auf ein Bild mit bis zu 2 MB beschränkt. Eingebettete Daten-URIs können separate Anfragen vermeiden, erschweren aber auch das Zwischenspeichern und Bearbeiten von HTML/CSS.

Wie zu verwenden

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

Wann sollten Sie das Bild Base64 verwenden?

Image Base64 ist nützlich für kleine Assets, die in einer einzelnen HTML-, CSS-, JSON- oder Textdatei transportiert werden müssen.

Verwenden Sie für größere Assets normale Bilddateien, damit Browser diese separat zwischenspeichern können. Da Base64 die Daten erweitert und alle Bildmetadaten in den codierten Bytes behält, überprüfen Sie vor dem Einbetten Größe und Datenschutz.

Mit Python konvertieren

Die programmgesteuerte Konvertierung liest die Bildbytes, codiert sie Base64 und fügt das korrekte Datenpräfix URI hinzu:

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.