ForHosting KIT · Bilder bearbeiten & analysieren

Bild in Base64 umwandeln

Diese Funktion wandelt eine Bilddatei in einen Base64-String um, den Sie direkt in HTML, CSS oder JSON einbetten können, ohne eine separate Bilddatei verlinken zu müssen. Die Umwandlung läuft vollständig im Browser Ihres Geräts, ist unbegrenzt nutzbar und kostet nichts – für Entwickler, die kleine Icons oder Platzhalter inline einbauen wollen.

● StabilKostenlos · im Browser
Nutzen Sie es über WebAPIE-MailApp baldTelegram bald

Läuft direkt in Ihrem Browser – kostenlos. Ihre Datei verlässt Ihren Browser nicht und wird an keinen Server übertragen.

Wofür Base64 im Code sinnvoll ist

Ein Base64-String bettet ein Bild direkt im Quelltext ein, statt es als separate Datei zu laden – das spart eine Anfrage, was sich vor allem bei sehr kleinen Icons, Platzhaltern oder E-Mail-Vorlagen lohnt, bei denen externe Bilder ohnehin oft blockiert werden. Für große Fotos eignet sich der Ansatz dagegen nicht: Der Text wird deutlich größer als die Originaldatei und verlangsamt eher, als er hilft.

So läuft die Umwandlung

Sie laden die Bilddatei hoch, die Funktion liest sie ein und erzeugt daraus den passenden Base64-String samt dem korrekten Data-URI-Präfix für das jeweilige Format. Das Ergebnis lässt sich mit einem Klick kopieren oder als Textdatei herunterladen – fertig zum Einfügen in Quelltext, CSS-Eigenschaft oder JSON-Feld. Die Verarbeitung läuft dabei komplett auf Ihrem Gerät, ohne dass die Bilddatei irgendwohin übertragen wird.

Kostenlos im Browser, optional per API

Für die normale Nutzung auf der Seite fällt nichts an, auch nicht bei wiederholter Nutzung. Wer die Umwandlung automatisiert in eine Build-Pipeline oder ein Content-Management-System einbinden will, kann dieselbe Funktion per API ansprechen; dort kostet die serverseitige Verarbeitung $0.002 pro Anfrage, weil dann kein Browser eines Endnutzers zur Verfügung steht, der die Umwandlung lokal übernehmen könnte, sondern ein Server die Aufgabe erledigt.

E-Mail-Vorlage mit eingebettetem Logo

Die Bäckerei Hoffmann e. K. aus Leipzig verschickt Bestellbestätigungen mit einem kleinen Logo im Kopfbereich. Als Base64-String eingebettet, zeigt es fast jedes E-Mail-Programm an, auch wenn externe Bilder blockiert sind.

Platzhalter-Icons in einer Webanwendung

Ein Entwicklerteam in Frankfurt am Main bettet wiederkehrende Symbole direkt im CSS ein, statt Dutzende kleiner Icon-Dateien zu laden – kürzere Ladezeit für eine überschaubare Anzahl an Symbolen.

Prototyp ohne eigenen Dateiserver

Stefan Krüger baut einen Prototyp und hat noch keinen Speicherort für Bilddateien eingerichtet. Ein eingebetteter Base64-String funktioniert auch ohne separaten Server – praktisch für die frühe Entwicklungsphase.

Verlässt mein Bild den Browser?

Nein, bei der Nutzung auf der Seite läuft die Umwandlung vollständig auf Ihrem Gerät.

Wann lohnt sich Base64 nicht?

Bei großen Fotos: Der Base64-Text wird rund ein Drittel größer als die Originaldatei. Für Fotos in normaler Größe bleibt ein normaler Bild-Link die bessere Wahl.

In welchem Format kommt das Ergebnis?

Als vollständiger Data-URI mit korrektem Präfix für das jeweilige Bildformat, fertig zum Einfügen in HTML, CSS oder JSON.

Brauche ich ein Konto?

Nein, es gibt derzeit keine Konten – die Browser-Funktion ist ohne Anmeldung nutzbar.

Was kostet die Nutzung über die API?

$0.002 pro Anfrage bei serverseitiger Verarbeitung, relevant nur für eine automatisierte Einbindung, nicht für die normale Nutzung im Browser.

Gibt es ein Limit für die Dateigröße?

Bis zu 15 MB und 12 Megapixel – für die typischen kleinen Icons und Grafiken, für die sich Base64 überhaupt eignet, liegt das weit über dem Bedarf.

Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.

POSThttps://api.kit.forhosting.com/image/to-base64

Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.

curl -X POST https://api.kit.forhosting.com/image/to-base64 \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"image":"https://ejemplo.com/imagen.jpg"}'
{
  "image": "https://ejemplo.com/imagen.jpg"
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "image.to_base64",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.

pro Anfrage$0.002

Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.

max_mb15
max_megapixels12
HTTPCodeBedeutung
401unauthorizedDer API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer).
402insufficient_balanceIhr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht.
404unknown_typeUnbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog.
429rate_limitedZu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Vollständige KIT-Dokumentation lesen →