Softonic

Bild-zu-Base64-Konverter

Schritt 1 / 3
Ausgewählte Datei wird wiederhergestellt...

Eine Base64-Daten-URL verbindet den Medientyp und die kodierten Bytes eines Bildes in einem Textwert wie data:image/png;base64,.... Wähle ein Bild bis 20 MiB aus; der Konverter erzeugt den Wert lokal im Browser. Vor dem Kopieren siehst du die ursprünglichen Dateiangaben und die ungefähre Länge der Daten-URL.

Wie man ein Bild in BASE64 kodiert

  1. 1

    Bild auswählen

    Wähle eine Bilddatei mit höchstens 20 MiB aus.

  2. 2

    Lokal kodieren

    Der Browser liest die Datei und erzeugt ohne Upload eine vollständige Base64-Daten-URL.

  3. 3

    Ergebnis prüfen

    Prüfe Medientyp, Dateiangaben und die ungefähre Länge der erzeugten Daten-URL.

  4. 4

    Daten-URL kopieren

    Kopiere den vollständigen Wert `data:image/...;base64,...` in die Zwischenablage.

Wann inline, wann verlinken

BASE64-Einbettung spart eine HTTP-Anfrage auf Kosten einer 33%igen Größensteigerung, für einige Assets lohnenswert, für andere verschwenderisch.

Größenberechnung

Originalgröße BASE64-Größe Zusätzliche Bytes
1 KB 1.36 KB 360 B
10 KB 13.6 KB 3.6 KB
100 KB 136 KB 36 KB
1 MB 1.36 MB 360 KB

Entscheidungsleitfaden

Anwendungsfall Inline oder extern
Icon unter 2 KB (SVG-Logo, Sprite) Inline
Cursorbild in CSS (cursor: url()) Inline
Kleine, eigenständige HTML- oder CSS-Demo Inline
Icon in eine JavaScript-Nutzlast eingebettet Inline
Hero-Bild, > 50 KB Extern
Alles, was separat zwischengespeichert werden könnte Extern

Daten-URI-Format

data:[<mediatype>][;base64],<data>

Beispiele:

  • data:image/png;base64,iVBORw0KGgo..., PNG
  • data:image/svg+xml;utf8,<svg>...</svg>, SVG, oft besser inline ohne BASE64
  • data:image/jpeg;base64,/9j/4AAQS..., JPG

Tipps

  • SVG ist häufig besser als url() mit utf8-Kodierung anstelle von BASE64; kürzer, lesbar.
  • Die Kodierung prüft oder bereinigt das Bild nicht. Bette nur vertrauenswürdige Dateien ein, besonders SVG mit möglichen aktiven oder externen Inhalten.
  • Große Bilder in JSON-Nutzlasten blockieren das Parsen, wenn sie sehr groß sind; ziehe Multipart oder externe Verweise in Betracht.
  • CSS Hintergrundbild mit BASE64 inline ist sauber, aber verhindert das Caching über Seiten hinweg.

Häufig gestellte Fragen

BASE64 kodiert 3 Bytes Eingabe als 4 Zeichen, sodass die Ausgabe immer ~33% größer ist als die Eingabe. Ein 10 KB Bild erzeugt einen String von etwa 13.600 Zeichen. Lang ist normal.

Der Konverter akzeptiert ein Bild bis 20 MiB. Das ist eine Verarbeitungsgrenze, keine Empfehlung zum Einbetten: Daten-URLs sollten meist klein bleiben, weil Base64 etwa ein Drittel hinzufügt und separates Caching verhindert.

Nein. Die BASE64-Kodierung läuft in deinem Browser. Das Bild verlässt niemals dein Gerät.

Nicht in diesem Encoder. Nutze das separate Tool Base64 zu Bild, um eine Daten-URL oder einen Base64-String wieder als Bilddatei herunterzuladen.

Verwandte Tools

Graffiti-Generator

Erstelle Graffiti-Schrift mit Tag-, Bubble-, Block-, Stencil-, Neon- und Wild-Effekten. Passe Farben an und exportiere PNG oder SVG direkt im Browser.

GIF komprimieren

Reduziere die Größe animierter GIFs direkt im Browser, indem du Abmessungen verkleinerst, weniger Frames behältst und die Kodierungsqualität anpasst. Vorschau vor dem Download inklusive.

Favicon-Generator für Initialen und Emojis

Erstellen Sie ein Favicon aus ein oder zwei Initialen oder einem Emoji. Wählen Sie Form und Hintergrundfarbe; bei Initialen können Sie zusätzlich Zeichenfarbe und Schriftstil anpassen.

QR-Code-Generator

Erstellen Sie einen QR-Code lokal im Browser aus URL, Klartext oder einer korrekt formatierten QR-Nutzlast und laden Sie ihn als PNG herunter.

Barcode-Generator

Erstellen Sie im Browser 1D-Barcodes in Code 128, EAN, UPC, ITF-14 und weiteren unterstützten Formaten und laden Sie SVG oder PNG herunter.

Fotoeditor

Browser-basierter Fotoeditor mit Zuschneiden, Drehen, Helligkeit, Kontrast, Sättigung, Filtern, Textüberlagerung und Export nach JPG, PNG oder WebP.