Zum Inhalt springen
Image Toolkit

Bild zu Data-URI

Generieren Sie eine vollständige Bild-Data-URI mit MIME-Typ für HTML oder CSS. Bilder bleiben in Ihrem Browser.

Läuft auf deinem Gerät Ohne Anmeldung
Lokale Entwicklertools

So funktioniert es

  1. 01

    Bereiten Sie Ihre Quelle vor

    Wählen Sie ein unterstütztes Quellbild oder beginnen Sie mit der Textvorlage, wenn das Tool eine solche bereitstellt.

  2. 02

    Ergebnis anpassen

    Erstellen Sie eine vollständige data:image/...;base64-URI mit dem korrekten Quell-MIME-Typ. Die Ausgabe kann in ein HTML-Bild eingebettet oder in einem CSS url()-Wert verwendet werden. Es ist kein Datei-Upload erforderlich.

  3. 03

    Überprüfen und herunterladen

    Überprüfen Sie die vollständige Vorschau und die Ausgabeeinstellungen. Laden Sie das fertige Asset herunter und behalten Sie das Original zum Vergleich bei.

Über dieses Tool

Erstellen mit Bild zu Data-URI

Generieren Sie eine vollständige Bild-Data-URI mit MIME-Typ für HTML oder CSS. Bilder bleiben in Ihrem Browser.

Erstellen Sie eine vollständige data:image/...;base64-URI mit dem korrekten Quell-MIME-Typ. Die Ausgabe kann in ein HTML-Bild eingebettet oder in einem CSS url()-Wert verwendet werden. Es ist kein Datei-Upload erforderlich.

Tipps für bessere Ergebnisse

  • Eine Data-URI enthält ein data:-Präfix, den MIME-Typ und eine Kodierungsmarkierung. Ein reiner Base64-String enthält nur kodierte Bytes; Anwendungen erfordern möglicherweise das eine oder das andere Format.
  • Behalten Sie die Originaldatei bei, bis das Ergebnis überprüft wurde.
  • Überprüfen Sie kleinen Text und feine Kanten in der beabsichtigten Anzeigegröße.
  • Die Bildverarbeitung erfolgt in Ihrem Browser. Laden Sie das Ergebnis herunter, bevor Sie den Tab schließen. Das Tool überschreibt Ihre Originaldatei nicht.

Häufige Fragen

Wie verwende ich Bild zu Data-URI? +

Wählen Sie ein unterstütztes Quellbild oder beginnen Sie mit der Textvorlage, falls das Tool eine bereitstellt. Erstellen Sie eine vollständige data:image/...;base64-URI mit dem korrekten Quell-MIME-Typ. Die Ausgabe kann in ein HTML-Bild eingebettet oder in einem CSS url()-Wert verwendet werden. Es ist kein Datei-Upload erforderlich.

Was ist der Unterschied zu einem reinen Base64-String? +

Eine Data-URI enthält ein data:-Präfix, den MIME-Typ und eine Kodierungsmarkierung. Ein reiner Base64-String enthält nur kodierte Bytes; Anwendungen erfordern möglicherweise das eine oder das andere Format.

Wo wird meine Eingabe verarbeitet? +

Die Bildverarbeitung erfolgt in Ihrem Browser. Laden Sie das Ergebnis herunter, bevor Sie den Tab schließen. Das Tool überschreibt Ihre Originaldatei nicht.

Welche Dateien kann ich verwenden? +

Akzeptierte Eingaben: JPG, PNG, WebP, AVIF, GIF. Verfügbare Ausgaben: TXT. Die Browser-Dekodierungsunterstützung und die gewählten Ausgabeeinstellungen bestimmen, welche Quelldateien verarbeitet werden können.

Ist ein Konto erforderlich? +

Für dieses Tool ist kein Konto erforderlich. Sie können die Ausgabe überprüfen, bevor Sie sie auf Ihrem Gerät speichern.

Ähnliche Tools