Bild-zu-Base64-Konverter — PNG-, JPG-, SVG-Data-URLs
Verwandeln Sie ein PNG-, JPG-, WebP-, GIF-, BMP-, AVIF- oder SVG-Bild direkt in Ihrem Browser in eine Base64-Data-URL. Nützlich zum Einbetten von Bildern in HTML, CSS, JSON oder Datenbankspalten — und privat, weil das Bild Ihr Gerät nie verlässt.
Bild hierherziehen oder zum Auswählen klicken
PNG, JPEG, WebP, GIF, BMP, AVIF oder SVG — bis zu 10 MB. Lokale Verarbeitung.
Privat in Ihrem Browser konvertiert — das Bild wird niemals hochgeladen.
Das Bild wird mit der FileReader-API in den Speicher Ihres Browsers gelesen und lokal in Base64 konvertiert. Dateibytes, Dateiname oder Größeninformationen werden niemals übertragen — es gibt keinen Upload-Endpunkt auf dieser Seite.
Unterstützte Formate
- Eingabe: PNG-, JPEG-, WebP-, GIF-, BMP-, AVIF- und SVG-Dateien (bis 10 MB).
- Ausgabe: eine kopierfertige Data-URL (data:image/...;base64,...) und die rohe Base64-Nutzlast.
- Vorschau für Rasterbilder; SVG wird als Download angeboten, um nicht vertrauenswürdiges Markup nicht darzustellen.
So verwenden Sie es
- 1
Bild auswählen
Eine Datei mit dem Button wählen, auf die Fläche ziehen oder aus der Zwischenablage einfügen.
- 2
Lokal konvertieren
Das Werkzeug liest und kodiert das Bild in Ihrem Browser — kein Hochladen.
- 3
Kopieren oder herunterladen
Data-URL oder rohes Base64 kopieren oder beides als .txt-Datei herunterladen.
Was dieses Werkzeug tut
Sie wählen ein Bild aus, das Werkzeug liest seine Bytes und kodiert sie als Base64. Es entstehen zwei Formen: eine vollständige Data-URL, die Sie direkt in ein <img src="..."> einfügen können, und die rohe Base64-Nutzlast ohne Präfix. Beide werden mit einem einzigen Button kopiert oder als .txt-Datei heruntergeladen.
Für wen es gedacht ist
Front-End-Entwickler, die Symbole und Illustrationen in HTML oder CSS einbetten, API-Designer, die Test-Fixtures erzeugen, und Autoren, die mit Werkzeugen arbeiten, die Bilddaten als Text akzeptieren — alles ohne das Bild an einen Drittanbieter-Encoder zu senden.
Die Form der Ausgabe wählen
Verwenden Sie die Data-URL, wenn Sie ein Bild möchten, das der Browser sofort aus einer Zeichenkette rendern kann — sie trägt den MIME-Typ im Präfix. Verwenden Sie das rohe Base64, wenn Ihr Zielsystem das Format bereits kennt, etwa beim Senden von Bildbytes in einem JSON-Feld mit separatem Typ-Feld.
Datenschutz und Grenzen
Alles läuft im Browser: Die FileReader-API liest die Datei in den Speicher, die Konvertierung ist reines JavaScript, und es gibt keinen Server, der die Bytes empfängt. Die 10-MB-Grenze und der Base64-Größenaufschlag sind die einzigen praktischen Grenzen, und beide werden geprüft, bevor die Datei überhaupt gelesen wird.
Einschränkungen
- Dateien bis 10 MB werden akzeptiert; größere Bilder würden eine zu große Ausgabe zum bequemen Einfügen erzeugen.
- Base64 vergrößert die Nutzlast um etwa 33 %, sodass ein 10-MB-Bild zu rund 13 MB Text wird.
- Die Vorschau ist für Rasterformate verfügbar. SVG-Dateien werden konvertiert und heruntergeladen, aber nie als Markup in die Seite eingefügt.
Verwandte Werkzeuge
Häufig gestellte Fragen
Hilfe?
Antworten auf häufige Fragen, unsere Kontaktdaten und eine direkte Linie zur Problem-Meldung.