Was ist ein Bild-zu-Base64-Konverter?
Ein Bild-zu-Base64-Konverter codiert Bilddateien in Base64-Textzeichenfolgen, die direkt in HTML, CSS oder JSON eingebettet werden können, ohne dass ein separates Dateihosting erforderlich ist. Dies ist nützlich zum Einbetten kleiner Symbole, Miniaturansichten oder Sprites in Webseiten, um HTTP-Anfragen zu reduzieren und die Bereitstellung eigenständiger Dokumente zu vereinfachen.
So verwenden Sie diesen Bild-zu-Base64-Konverter
- Laden Sie eine Bilddatei (PNG, JPEG, GIF, SVG oder WebP) hoch, indem Sie sie in die Ablage ziehen oder auf Durchsuchen klicken.
- Das Tool erzeugt die Base64-codierte Zeichenfolge zusammen mit dem vollständigen Daten-URI (z. B. data:image/png;base64,...).
- Kopieren Sie den Daten-URI zur Verwendung in einem HTML-img-Tag, einer CSS-background-image-Eigenschaft oder einem anderen Kontext, der Inline-Daten-URIs unterstützt.
Wichtige Konzepte
Base64-Codierung konvertiert Binärdaten in einen Satz von 64 ASCII-Zeichen (A–Z, a–z, 0–9, +, /). Die codierte Ausgabe ist etwa 33% größer als das Original, daher funktioniert diese Technik am besten für kleine Bilder unter 10–20 KB. Größere Bilder sind besser als separate Dateien geeignet, um Browser-Caching zu nutzen und HTML- oder CSS-Payloads zu vermeiden.
Häufig gestellte Fragen
Was ist ein Daten-URI?
Ein Daten-URI ist ein Schema, das Dateiinhalte direkt in eine URL-Zeichenfolge einbettet. Das Format ist data:[mediatype];base64,[encoded-data]. Browser rendern das eingebettete Bild ohne eine zusätzliche HTTP-Anfrage an einen Server zu stellen.
Erhöht Base64-Codierung die Dateigröße?
Ja. Base64-Codierung erhöht die Datengröße um etwa 33%, da jeweils drei Bytes Binärdaten zu vier Bytes ASCII-Text werden. Dieser Overhead ist für kleine Bilder akzeptabel, macht es aber unpraktisch für große Fotografien oder Videos.
Welche Bildformate funktionieren am besten mit Base64?
SVG- und kleine PNG-Symbole (unter 5–10 KB) sind ideale Kandidaten, da sie bereits kompakt sind. JPEG-Fotografien können codiert werden, überschreiten aber oft die praktische Größenschwelle. WebP-Bilder bieten eine gute Komprimierung und werden zunehmend als Inline-Daten-URIs unterstützt.