Image to Base64 | Free Edu & .COM Temporary Mails
← Alle Werkzeuge / Image to Base64

🔤 Bild-zu-Base64-Konverter

Konvertieren Sie jedes Bild in eine Base64-Daten-URL. Nützlich zum direkten Einbetten von Bildern in HTML oder CSS.

🖼️

Legen Sie das Bild hier ab oder klicken Sie zum Durchsuchen

Base64-Ausgabe

Was ist die Konvertierung von Bildern in Base64?

Bei der Konvertierung von Bildern in Base64 wird eine Bilddatei in eine Base64-Textzeichenfolge codiert – insbesondere in eine Daten-URL wie data:image/png;base64,iVBOR.... Dadurch können Sie das Bild direkt in HTML, CSS oder JSON einbetten, ohne dass eine separate Bilddatei oder HTTP-Anfrage erforderlich ist. Der Browser dekodiert den Base64-String im laufenden Betrieb und zeigt das Bild normal an.

Diese Technik wird häufig verwendet, um HTTP-Anfragen für kleine Symbole und Logos zu reduzieren (und die Seitengeschwindigkeit zu verbessern), um Bilder in JSON-API-Nutzlasten einzubinden, um Bilder in HTML-E-Mail-Vorlagen einzubetten, die nicht auf externes Hosting angewiesen sind, und um Bilder in CSS für Symbol-Sprites oder Hintergründe zu speichern. Der Nachteil besteht darin, dass Base64-Strings etwa 33 % größer sind als die ursprüngliche Binärdatei, sodass sie am besten für kleine Bilder verwendet werden.

So verwenden Sie ein Bild für Base64

  1. Legen Sie Ihr Bild in der Upload-Zone ab oder klicken Sie auf Wählen Sie Bild.
  2. Die vollständige Base64-Daten-URL erscheint sofort im Ausgabefeld.
  3. Klicken Vollständige Daten-URL kopieren zu kopieren data:image/png;base64,... zur Verwendung in HTML oder CSS.
  4. Klicken Nur Base64 kopieren um nur die codierte Zeichenfolge (ohne das Daten-URL-Präfix) zur Verwendung in APIs oder Datenbanken zu kopieren.

Warum sollten Sie unser Image to Base64-Tool verwenden?

  • 100 % kostenlos — Keine Beschränkungen hinsichtlich der Dateigröße oder Konvertierungen.
  • Keine Eintragung — Sofortige Konvertierung ohne Konto.
  • Browserbasiert — Ihr Bild wird lokal mithilfe der FileReader-API gelesen und niemals an einen Server gesendet.
  • Zwei Kopieroptionen – Kopieren Sie die vollständige Daten-URL oder nur die rohe Base64-Zeichenfolge separat.
  • Größeninformationen – Zeigt die Originaldateigröße und die Base64-Stringlänge an, um Ihnen bei der Entscheidung zu helfen, ob die Einbettung sinnvoll ist.

Häufig gestellte Fragen

Kopieren Sie die vollständige Daten-URL und verwenden Sie sie als src-Attribut eines img-Tags: <img src="data:image/png;base64,iVBOR..." alt="My image">. Sie können es auch in CSS verwenden: background-image: url('data:image/png;base64,...');. Der Browser stellt es genau wie ein extern verlinktes Bild dar.

Die Base64-Kodierung erhöht die Dateigröße um etwa 33 %. Dies liegt daran, dass 3 Byte Binärdaten als 4 ASCII-Zeichen kodiert werden. Ein 100-KB-Bild wird in Base64 zu etwa 133 KB. Aus diesem Grund wird die Base64-Einbettung nur für kleine Bilder (normalerweise unter 5–10 KB) empfohlen.

Ja – Base64-codierte Bilder im E-Mail-HTML sind nützlich, da sie nicht auf externes Hosting und Anzeige angewiesen sind, selbst wenn Bilder standardmäßig blockiert sind. Einige E-Mail-Clients (insbesondere Gmail) entfernen jedoch aus Sicherheitsgründen Daten-URLs aus HTML-E-Mails. Testen Sie gründlich, bevor Sie Base64-Bilder in E-Mail-Kampagnen verwenden.

Eine Daten-URL ist die vollständige Zeichenfolge einschließlich des MIME-Typ-Präfixes: data:image/png;base64,XXXX. Die Base64-Zeichenfolge besteht nur aus dem XXXX-Teil nach dem Komma. Verwenden Sie die vollständige Daten-URL in HTML/CSS; Verwenden Sie nur die Base64-Zeichenfolge, wenn Sie Bilder über die API senden, in einer Datenbank speichern oder wenn das empfangende System sein eigenes Präfix hinzufügt.

Kurze Fakten

  • ✓ 100 % kostenlos, keine versteckten Gebühren
  • ✓ Kein Konto oder Login erforderlich
  • ✓ Funktioniert in jedem Browser
  • ✓ Ihre Daten verlassen niemals Ihr Gerät
  • ✓ Kopieren Sie die vollständige Daten-URL oder das rohe Base64 separat

Verwandte Tools