Question 1

Was ist der Unterschied zwischen einer Data URL und rohem Base64?

Accepted Answer

Eine Data URL trägt das Präfix data:image/png;base64, und kann direkt in CSS background-image, ein HTML img src oder Markdown eingefügt werden. Rohes Base64 ist nur die kodierte Nutzlast, geeignet für Code-Variablen oder API-Payloads. Dieses Tool kopiert jeden Modus mit einem Klick.

Question 2

Macht Base64 das Bild größer?

Accepted Answer

Ja. Base64 kodiert 3 Bytes als 4 Zeichen, also wächst die Nutzlast um etwa 33% und kann vom Browser nicht separat gecacht werden. Verwenden Sie es nur für winzige Icons und Platzhalter von wenigen KB; echte Bilder sollten komprimierte Dateien bleiben.

Question 3

Wie verwende ich den konvertierten Code?

Accepted Answer

In CSS: background-image: url("DataURL einfügen"). In HTML: <img src="DataURL einfügen">. In Markdown setzen Sie die DataURL in die Klammern der Bildsyntax. Mit dem rohen Base64-Modus setzen Sie das Präfix data:image/png;base64, selbst voran (ersetzen Sie png durch das tatsächliche Format).

Question 4

Wird das Bild zu einem Server hochgeladen?

Accepted Answer

Nein. Die Kodierung erfolgt lokal durch den eingebauten FileReader des Browsers — das Bild verlässt nie Ihr Gerät. Sie können es offline verifizieren.

Question 5

Warum das 10-MB-Limit?

Accepted Answer

Base64-Text ist etwa 1,33× das Original. Ein 10-MB-Bild produziert einen über 13-MB-String, der Ihren Editor beim Kopieren oder Einfügen einfrieren kann. Komprimieren Sie große Bilder zuerst auf der Startseite auf ein paar hundert KB.

Bild zu Base64

Wann Bilder als Base64 inlinen

Häufige Fragen

Verwandte Werkzeuge

Bild zu Base64

Wann Bilder als Base64 inlinen

Häufige Fragen

Verwandte Werkzeuge