Bild in Base64

Bild in Data-URI und zurück: ziehen, einfügen, Vorschau, als CSS oder HTML kopieren.

Läuft lokal · keine Uploads
Preview of the selected image
Drop an image here, click to choose one, or paste it with Ctrl+V.
PNG, JPEG, GIF, WebP, SVG, AVIF, ICO, BMP
Click, drop or paste another image to replace it
Output

Was das Tool kann

Kleine Bilder als data:-URIs einzubetten spart bei Icons, E-Mail-Vorlagen und HTML in einer einzigen Datei einen HTTP-Request. Dieses Tool konvertiert in beide Richtungen.

Bild → Base64

  • Ziehen Sie ein Bild hinein, klicken Sie zum Auswählen oder fügen Sie einen Screenshot mit Strg+V direkt aus der Zwischenablage ein.
  • Sie sehen eine Vorschau mit Typ, Pixelabmessungen, Originalgröße und Base64-Größe und wissen so genau, wie viel die Kodierung hinzufügt (etwa ein Drittel).
  • Kopieren Sie das Ergebnis als Data-URI, reines Base64, CSS-Regel background-image, HTML-Tag <img> mit ausgefüllten width und height oder als Markdown.
  • Der Typ wird anhand der Bytes der Datei erkannt, sodass auch ein als .jpg gespeichertes PNG den richtigen MIME-Typ erhält.

Base64 → Bild

  • Fügen Sie eine Data-URI oder reines Base64 ein (Zeilenumbrüche, fehlendes Padding und das URL-sichere Alphabet sind kein Problem).
  • Das Format wird anhand der Magic Bytes erkannt (PNG, JPEG, GIF, WebP, AVIF, SVG, ICO, BMP, TIFF…), in einer Vorschau angezeigt und mit der richtigen Endung heruntergeladen. Weichen angegebener und tatsächlicher Typ voneinander ab, wird darauf hingewiesen.

So verwenden Sie es

Wählen Sie eine Richtung und ziehen oder fügen Sie dann etwas ein. Alles wird sofort aktualisiert; Kopieren (oder Strg+Enter) legt das gewählte Format in die Zwischenablage.

Datenschutz

Bilder werden lokal in Ihrem Browser gelesen und kodiert und niemals hochgeladen. Das zuletzt kodierte Bild (sofern es nicht zu groß ist) und das zuletzt eingefügte Base64 werden im lokalen Speicher Ihres Browsers gespeichert; Leeren entfernt sie.