> kodieren | einbetten | optimieren <
// Bilder zu Base64-Strings für Webentwicklung und Dateneinbettung konvertieren
Bild hier ablegen oder klicken zum Auswählen
Klicken zum Durchsuchen der Dateien
Lokale Verarbeitung
100% clientseitige Bildkodierung. Ihre Dateien verlassen niemals Ihren Browser.
Drag & Drop
Schneller Upload mit Drag & Drop-Interface. Sofortige Base64-Konvertierung.
Keine Grenzen
Kodieren Sie beliebige Bildgrößen oder -formate. Keine Registrierung oder API-Schlüssel erforderlich.
// FAQ
F: Was ist Bild-zu-Base64-Kodierung?
A: Bild-zu-Base64-Kodierung konvertiert binäre Bilddaten in einen Textstring mittels Base64-Kodierung. Unverzichtbar für das Einbetten von Bildern direkt in HTML, CSS, E-Mails oder APIs ohne separate Dateien.
F: Wie sicher ist die Bild-zu-Base64-Konvertierung?
A: 100% sichere lokale Verarbeitung. Alle Bildkodierung findet in Ihrem Browser statt. Keine Server-Uploads. Ihre Bilder verlassen niemals Ihr Gerät.
F: Welche Bildformate werden unterstützt?
A: Unterstützt alle gängigen Web-Bildformate: PNG, JPEG, GIF, WebP, SVG, BMP und mehr. Erhält ursprüngliche Bildqualität und -format.
F: Wie verwende ich Base64-Bilder in HTML?
A: Verwenden Sie das Daten-URI-Format: <img src="data:image/png;base64,IHR_BASE64_STRING">. Perfekt für Inline-Bilder, Icons oder zur Reduzierung von HTTP-Anfragen.
F: Gibt es Dateigrößenbeschränkungen?
A: Keine serverseitigen Grenzen. Verarbeitung erfolgt lokal in Ihrem Browser. Große Dateien können länger zum Kodieren brauchen, funktionieren aber.
// Gängige Bildformate und MIME-Typen
| Format | MIME-Typ |
|---|---|
| PNG | image/png |
| JPEG | image/jpeg |
| GIF | image/gif |
| WebP | image/webp |
| AVIF | image/avif |
| SVG | image/svg+xml |
// Data-URIs im Code
HTML <img src="data:image/png;base64,iVBORw0KGgo..." alt="">
CSS background: url("data:image/svg+xml;base64,PHN2Zy...");
Linux base64 -w0 logo.png
macOS base64 -i logo.png
Python base64.b64encode(open('logo.png','rb').read()).decode()
Node.js fs.readFileSync('logo.png').toString('base64')
>> Weitere Fragen
F: Warum wird ein Bild als Base64 etwa 33 % größer?
A: Base64 kodiert je 3 Bytes als 4 Zeichen. Der Overhead beträgt daher rund ein Drittel; Gzip gleicht ihn nur teilweise aus. Inline-Bilder lohnen sich deshalb vor allem bei sehr kleinen Dateien (wenige KB).
F: Was ist der Nachteil von Data-URIs gegenüber normalen Bilddateien?
A: Eingebettete Bilder können nicht separat vom Browser zwischengespeichert werden, vergrößern HTML oder CSS und werden bei jedem Laden dieser Datei mit übertragen. Größere Bilder lädst du besser als eigene Datei.
F: Soll ich SVG als Base64 einbetten?
A: Meist nicht: SVG ist Text. Ein URL-kodiertes data:image/svg+xml,… ist oft kleiner als die Base64-Variante und bleibt lesbar. Base64 funktioniert aber überall zuverlässig.