Bild zu Base64 Konverter
Kodieren Sie jedes Bild in eine Base64-Daten-URI für Inline-CSS/HTML oder decodieren Sie eine Daten-URI zurück in ein Bild.
Kurze Antwort: Kodieren Sie jedes Bild in eine Base64-Daten-URI für Inline-CSS/HTML oder decodieren Sie eine Daten-URI zurück in ein Bild.
Zuletzt aktualisiert
Häufig gestellte Fragen
- Wann sollte ich ein Bild als Base64 einfügen?
- Verwenden Sie es für Bilder unter 2 KB, die mit einer einzelnen CSS-Datei geliefert werden müssen (z. B. Icons in einer E-Mail-Vorlage, kleine SVG-Alternativen) oder für Offline-HTML-Demos in einer Datei. Über 5 KB ist eine normale <code><img></code>-Anfrage schneller, da sie zwischengespeichert werden kann.
- Wird die Base64-Version größer sein als das Original?
- Ja — Base64 fügt etwa 33% Overhead hinzu. Ein 1 KB Bild wird zu einem 1,34 KB String. Das ist in Ordnung für kleine Assets, aber verschwenderisch für große.
- Funktioniert es mit SVG?
- Ja, aber bei SVG möchte man es normalerweise als rohen SVG-Markup belassen (oder URL-kodieren) anstatt in Base64 — beide Optionen sind in der Regel kleiner und später bearbeitbar.
- Kann ich eine Daten-URI einfügen, um die Datei wiederherzustellen?
- Ja — das Dekodierungsfeld akzeptiert <code>data:image/...</code> URIs und gibt Ihnen eine herunterladbare Datei plus eine Live-Vorschau.
- Sind meine Bilder hochgeladen?
- Nein. FileReader liest Bytes lokal und der kodierte String verlässt niemals Ihren Browser.