Image to Base64
Convert images to Base64
Convert images to Base64 Läuft lokal in Ihrem Browser
About the
Der Bild-zu-Base64-Konverter wandelt jede Bilddatei in einen Base64-Daten-URI um, den Sie direkt in HTML, CSS oder JSON einfügen können. Die Datei wird mit dem browsereigenen Dateireader gelesen und lokal codiert, sodass sie nie hochgeladen wird, was sie sicher für Logos und Assets macht, die Sie lieber nicht an Dritte senden möchten. Die Zeichenanzahl wird neben dem Ergebnis angezeigt, da Base64 die Größe um etwa ein Drittel vergrößert, und das ist wichtig, wenn die Zeichenfolge inline auf einer Seite landet.
Where people use the
- Einbetten eines kleinen Logos, damit eine E-Mail-Vorlage ohne externe Assets gerendert wird.
- Einbetten eines Symbols in ein HTML-Dokument mit einer einzelnen Datei.
- Einfügen eines Bildes in eine JSON-Nutzlast, die nur Text akzeptiert.
- Vermeiden einer Warnung zu gemischten Inhalten auf einer über HTTPS bereitgestellten Seite.
How to use the
- 1
Wählen Sie ein Bild
Verwenden Sie die Upload-Steuerung, um eine beliebige Bilddatei auszuwählen. Gängige Formate wie PNG, JPEG, GIF und SVG werden alle akzeptiert.
- 2
Warten Sie auf die Kodierung
Der Daten-URI erscheint in einem Textbereich, sobald die Datei gelesen wurde. Größere Dateien dauern einen Moment länger.
- 3
Kopieren Sie die Zeichenfolge
Verwenden Sie die Schaltfläche „Kopieren“, um den gesamten Daten-URI einschließlich des Datenpräfixes „data:“ und des Medientyps zu übernehmen.
- 4
Fügen Sie es dort ein, wo Sie es benötigen
Verwenden Sie es als Quelle eines Bild-Tags, innerhalb eines CSS-URL()-Werts oder als Feld in einer JSON-Nutzlast.
Tipps und Best Practices
- Halten Sie eingefügte Bilder klein; Die Zeichenfolge ist etwa ein Drittel größer als die Datei.
- Kopieren Sie den gesamten Daten-URI einschließlich des Präfixes data:, sonst wird er vom Browser nicht gerendert.
- Hosten Sie bei Fotos die Datei und verlinken Sie sie, anstatt sie einzubetten.
Häufig gestellte Fragen
Ist das Bild irgendwo hochgeladen?
Nein. Die Datei wird in Ihrem Browser gelesen und verschlüsselt, sodass sie Ihr Gerät nie verlässt. Das ist der Hauptgrund dafür, dies anstelle eines Online-Konverters zu verwenden, der einen Upload erfordert.
Warum ist die Zeichenfolge so viel länger als die Datei?
Base64 stellt drei Bytes mit vier Zeichen dar, sodass das Ergebnis etwa ein Drittel größer ist als die Originaldatei vor jeglichem anderen Overhead.
Soll ich Bilder in eine Seite einfügen?
Nur kleine. Inlining speichert eine Anfrage, verhindert jedoch, dass die Datei separat zwischengespeichert wird, und vergrößert den HTML-Code, sodass er für Symbole und kleine Logos und nicht für Fotos geeignet ist.
Kann ich in die andere Richtung gehen?
Nicht hier. Dieses Tool kodiert eine Bilddatei in Text. Für die Dekodierung sind ein Base64-Decoder und der ursprüngliche Medientyp erforderlich.
Gibt es eine Dateigrößenbeschränkung?
Es gibt kein Serverlimit, da nichts hochgeladen wird. Bei sehr großen Bildern dauert die Codierung immer noch einige Zeit und es entsteht eine unhandliche Zeichenfolge.