Zum Inhalt springen
patrache.tools

Bild ↔ Base64

Wandeln Sie Bilder in Base64-Zeichenketten um oder umgekehrt.

Bild hierher ziehen oder klicken zum Auswählen

lockDateien werden nicht an einen Server gesendet
Teilen
Einbetten

Dieses Tool auf deiner Website einbetten

Der Image Base64 Converter ist ein kostenloses Online-Tool zum Kodieren von Bildern in Base64-Strings oder Dekodieren von Base64 in Bilder.

Wie benutzt man Bild ↔ Base64?

  1. Wahlen Sie den Modus Bild → Base64 oder Base64 → Bild.
  2. Laden Sie ein Bild hoch oder fugen Sie einen Base64-String ein.
  3. Kopieren oder laden Sie das Ergebnis herunter.

Häufig gestellte Fragen zu Bild ↔ Base64

Wo wird Base64-Kodierung verwendet?

Es wird fur E-Mail-Anhange, Inline-CSS-Hintergrundbilder, API-Datenubertragung und mehr verwendet.

Wird die Datei durch Base64 größer?

Ja – aus drei Bytes werden vier Zeichen, also rund 33 % mehr. Bei Icons und Bildern von 1-2 KB lohnt sich das, weil eine HTTP-Anfrage entfällt; ein Foto mit mehreren hundert KB bläht dagegen das HTML auf und verhindert jedes Browser-Caching.

Kann ich einen Base64-String wieder in eine Bilddatei umwandeln?

Ja – wechseln Sie in den Dekodier-Modus, fügen Sie den String ein und laden Sie das wiederhergestellte Bild herunter. Ein Präfix wie `data:image/png;base64,` darf stehen bleiben; fehlt es, wählen Sie einfach das Ausgabeformat.

Ist Base64 für E-Mail-Signaturen oder CSS sinnvoll?

Im CSS ist es für kleine Icons und Muster praktisch, weil es zusätzliche Anfragen erspart. Für E-Mail-Signaturen taugt es kaum: Gmail und Outlook blockieren data-URI-Bilder häufig, deshalb ist eine gehostete Datei mit URL-Verweis der sichere Weg.

Wie nutzt man Bild ↔ Base64 optimal?

  • Base64-Kodierung erhöht die Dateigröße um ~33%, daher am besten für kleine Icons und Logos.
  • Data URIs in CSS reduzieren HTTP-Anfragen und können die Seitenladegeschwindigkeit verbessern.
  • Für große Bilder sind reguläre Dateien besser als Base64 für Caching und Performance.

Powered by Patrache Studio Tools

Bitte erlaube Werbung auf dieser Website

Um diese Werkzeuge zu nutzen, erlaube Werbung auf dieser Website. Werbung hält diesen Dienst kostenlos.

Öffne deinen Werbeblocker, deaktiviere ihn für diese Website und prüfe erneut.