Bild-zu-Base64-Konverter
Wandeln Sie ein Bild in einen Base64-String oder eine Data-URI für HTML, CSS, JSON und API-Tests um, ohne die Datei hochzuladen.
Bis zu 20 MiB und 40 Millionen Pixel pro Bild. Kontaktbögen nehmen 2–50 Bilder mit insgesamt bis zu 100 MiB an. Symbolausgaben setzen das ganze Bild mit transparentem Rand in ein Quadrat.
Warum es dieses Tool gibt
Base64 eignet sich am besten für kleine Dateien, da es die Datenmenge vergrößert.
- ✓ Data-URI
- ✓ reines Base64
- ✓ kopieren
- ✓ Text herunterladen
Nützlich für
- • CSS-Hintergründe
- • HTML-Prototypen
- • API-Testdaten
Ein kleines Bild in Base64 oder eine Data-URI umwandeln
Base64 bettet die binären Bildbytes als Text ein. Das ist praktisch für kleine HTML-, CSS- und JSON-Testdaten oder API-Experimente, aber die kodierte Darstellung ist größer als die Originalbytes.
Base64 nur dort einsetzen, wo Einbetten wirklich hilft
Kleine Symbole, Testdaten und eigenständige Prototypen sind typische Einsatzfälle. Große Fotos bleiben meist besser normale Dateien, denn Base64 vergrößert die Datenmenge und erschwert die Pflege des Quellcodes.
Zwischen Data-URI und reinem Base64 wählen
Eine Data-URI enthält den MIME-Typ und die Base64-Daten und kann direkt in HTML oder CSS stehen. Reines Base64 ist nützlich, wenn eine API oder Anwendung nur den kodierten String erwartet.
Häufig gestellte Fragen
Was ist ein Base64-String eines Bildes?
Eine Textdarstellung der Bildbytes in Base64-Kodierung. Eine Data-URI ergänzt den MIME-Typ des Bildes und das nötige Präfix.
Verkleinert Base64 das Bild?
Nein. Base64 vergrößert in der Regel die Binärdaten. Der Vorteil ist, dass das Bild in textbasierten Daten transportiert werden kann.
Sollte ich ein großes Foto in Base64 kodieren?
Meist nicht. Für große Dateien ist eine normale Bilddatei oder eine URL in der Regel praktischer.
Kann ich eine Bild-Data-URI in CSS verwenden?
Ja. Eine korrekt aufgebaute Data-URI kann als CSS-Bildwert dienen, wenn die Datei klein genug ist, damit sich dieser Weg lohnt.