Bild zu Base64 online – Data-URI im Browser

Wandeln Sie ein lokales Bild (PNG, JPEG, GIF, WebP, SVG) in Base64 oder eine Data-URI um. Limit 32 MiB – kein Upload.

Laden…
Bild zu Base64 — lokale Data-URI-Hilfe
Kodieren Sie eine lokale Bilddatei als Base64 oder Data-URI. Limit 32 MiB. Vorschau nur über img src.

So funktioniert die Konvertierung

Wählen Sie PNG, JPEG, GIF, WebP oder SVG (max. 32 MiB). Data-URI oder rohes Base64. Vorschau über img — kein SVG-DOM-Injection.

Optionen

Ausgabeformat
dataUri für CSS/src; rawBase64 zum Weiterreichen an andere Tools.

Beispiele

Data-URI

Eingabe

icon.png (lokale Datei)

Ausgabeform

data:image/png;base64,iVBOR…

Rohes Base64

Eingabe

photo.webp

Ausgabeform

iVBOR… (ohne data:-Präfix)

Verwandte Tools

Text-Base64: base64. SVG-Data-URIs: svg-to-data-uri.

FAQ Bild zu Base64

Limits & Formate

Wie groß darf die Datei sein?

32 MiB. Größere Dateien werden abgelehnt — kein unbegrenzter Upload.

Warum vergrößert Base64?

Base64 expandiert um etwa 33 %. Für Produktion Dateien oder CDN bevorzugen.

Ist die SVG-Vorschau sicher?

Nur img mit Data-URI — niemals Inline-SVG im DOM.

Codierung

Kodieren oder dekodieren Sie Base64-, URL-Komponenten und HTML-Entitäten – nur clientseitig.

Weitere Werkzeugkategorien entdecken

Minimieren

Verkleinern Sie Code und Ressourcen für die Produktion – minimieren Sie JavaScript, CSS, HTML, JSON und XML vor der Bereitstellung von gzip oder CDN.

Verschönern

Machen Sie Code mit konsistenter Einrückung lesbar – verschönern Sie JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML und mehr in Ihrem Browser.

Aufheben

Erweitern Sie minimierten oder komprimierten Code – entminifizieren Sie JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML und andere Formate beim Debuggen oder Überprüfen.

Konvertierung

Transformieren Sie Daten zwischen JSON, YAML, XML und CSV lokal – keine Server-Uploads.

CSS-Präprozessoren

Kompilieren Sie SCSS oder LESS zu Standard-CSS im Browser — kombinieren Sie mit Beautify oder Minify für einen vollständigen Stylesheet-Workflow.

JSON Werkzeuge

Validieren, formatieren, vergleichen und erkunden Sie JSON-Nutzlasten – ergänzend zu Minifiern und Konvertern.

SVG Werkzeuge

Vorschau anzeigen, mit SVGO optimieren, Daten exportieren URI, Größe ändern, verschönern, in JSX konvertieren und SVG validieren – alles in Ihrem Browser.

DevOps und Infrastruktur

Terraform HCL formatieren/validieren/minimieren, Dockerfile formatieren und lint, Docker Verfassen und .env-Validierung.

CI/CD

GitHub Aktionen und GitLab CI – formatieren Sie YAML und überprüfen Sie die Workflow-/Auftragsstruktur in Ihrem Browser.

Protokolle und Beobachtbarkeit

Zeilenorientierte JSON/NDJSON- und Nginx/Apache-Zugriffsprotokolle – formatieren, filtern, validieren und CSV/TSV.

Kubernetes

Multi-Doc-Manifeste, strukturelle Validierung, Ingress/Deployment-Starter und Helm-Werteformatierung.

Netzwerk / IP

CIDR, Subnetze und IPv4/IPv6-Helfer — im Browser.

Sicherheit und Token

JWKS, X.509-Zertifikate und Secrets-Scan – browserlokal.

API & Schemata

OpenAPI Tools zum Formatieren, Validieren und Flusen Ihrer Spezifikationen.

Entwickler-Dienstprogramme

Zeitstempel, UUID, ULID, Nanoid, Cron, Passwörter, Regex, Slugify, Zahlenbasen, Groß-/Kleinschreibung, Textunterschied und chmod – alles clientseitig.

Text & Markdown

Wörter zählen, Markdown-TOC erzeugen und Zeilenlisten bereinigen — im Browser.

KI & LLM

Token-Zählung, Kostenschätzung und Kontextfenster — 100 % im Browser.

Serialisierung

Serialisieren und deserialisieren Sie PHP-Datenstrukturen neben JSON-Workflows.