Bild zu Base64 Konverter

Das Data-URI-Format lautet: data:image/png;base64,[kodierte Zeichenkette]. Mit Präfix ist die Zeichenkette direkt in HTML (<img src="data:image/png;base64,..."/>) und CSS (background-image: url("data:image/png;base64,...")) verwendbar. Ohne Präfix erhalten Sie reines Base64, nützlich für API-Payloads oder eigenen Code, der das Präfix selbst hinzufügt.

Base64-Kodierung erhöht die Größe um etwa 33 %. Jede 3 Bytes Binärdaten werden zu 4 ASCII-Zeichen. Ein 100 KB großes Bild wird zu etwa 133 KB Base64-Text. Dieser Overhead ist der Preis dafür, das Bild als reinen Text einzubetten.

Am besten für kleine Bilder: Icons, Logos, einfache Grafiken (unter 5–10 KB). Vorteile: Eine HTTP-Anfrage entfällt, das Bild ist immer verfügbar auch wenn der Server ausfällt, ideal für HTML-E-Mails, in denen externe Bilder blockiert werden. Für große Fotos nicht empfohlen – der Größen-Overhead und der Verlust des Browser-Cachings machen reguläre Datei-URLs schneller.

Aktivieren Sie den Data-URI-Präfix-Schalter und kopieren Sie das Ergebnis. Für ein Bild-Tag: <img src="[hier einfügen]" alt="..."/>. Für CSS: background-image: url("[hier einfügen]"). Data URIs funktionieren in allen modernen Browsern ohne Server oder externe Dateien.

Ja. Schalten Sie das Data-URI-Präfix aus, um reines Base64 zu erhalten, und fügen Sie es als JSON-Zeichenkettenfeld ein. Die empfangende API rekonstruiert das Binärbild aus der Base64-Zeichenkette. Üblich für APIs, die Bilder ohne Multipart-Datei-Upload akzeptieren.

Maximal 10 MB. Bei 10 MB Eingabe beträgt die Base64-Ausgabe etwa 13,3 MB. Sehr große Base64-Zeichenketten können Kopiervorgänge verlangsamen und Browser-Zwischenablagegrenzen erreichen. Für Bilder über einige Hundert KB ist reguläres Datei-Hosting praktischer.

Nein. Das Bild wird lokal mit der FileReader-API des Browsers gelesen und vollständig mit JavaScript auf Ihrem Gerät kodiert. Die Bilddaten verlassen niemals Ihren Browser – sicher auch für private oder vertrauliche Bilder.