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. Die Grenze liegt bei 32 MiB, und es wird nichts hochgeladen.
So funktioniert die Konvertierung
Wählen Sie eine PNG-, JPEG-, GIF-, WebP- oder SVG-Datei (höchstens 32 MiB). Entscheiden Sie dann zwischen Data-URI und rohem Base64. Die Vorschau erscheint in einem img-Element, und SVG wird nie als Markup in das DOM eingefügt.
Optionen
- Ausgabeformat
- dataUri für CSS und src-Attribute, rawBase64 zum Weitergeben an andere Tools.
Beispiele
Data-URI
Eingabe
Ausgabeform
Rohes Base64
Eingabe
Ausgabeform
Verwandte Tools
Für Text in Base64 nutzen Sie base64. Für Data-URIs speziell für SVG siehe svg-to-data-uri.
FAQ Bild zu Base64
Limits & Formate
Wie groß darf die Datei sein?
32 MiB. Größere Dateien werden abgelehnt, einen unbegrenzten Upload gibt es nicht.
Warum vergrößert Base64 die Daten?
Base64 vergrößert Binärdaten um etwa 33 %. Verwenden Sie für Produktionsressourcen lieber Dateien oder CDN-URLs.
Ist die SVG-Vorschau sicher?
Ja. Die Vorschau nutzt nur ein img-Element mit einer Data-URI und fügt SVG nie in das DOM ein.
Codierung
Kodieren oder dekodieren Sie Base64, URLs, HTML-Entities und JWTs und erzeugen Sie Hashes und HMACs in Ihrem Browser.
Weitere Werkzeugkategorien entdecken
- Minimieren
Minifizieren Sie JavaScript, CSS, HTML, JSON, XML, SVG und weitere Formate. So liefern Sie weniger Bytes aus, noch vor gzip oder dem CDN.
- Aufheben
Machen Sie minifizierten Code zum Debuggen oder Prüfen wieder lesbar. Entminifizieren Sie JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML und andere Formate.
- Konvertierung
Wandeln Sie Daten lokal zwischen JSON, YAML, XML, CSV, TOML und weiteren Formaten um, ohne Upload auf einen Server.
- Serialisierung
Serialisieren und deserialisieren Sie PHP-Datenstrukturen neben JSON-Workflows.
- JSON Werkzeuge
Validieren, formatieren, reparieren, vergleichen und erkunden Sie JSON im Browser, ergänzend zum Minifizieren und zu den Konvertern.
- SVG Werkzeuge
SVG-Vorschau, SVGO-Optimierung, Export als Data-URI, Größenänderung, Verschönern, Umwandlung in JSX und Validierung, alles in Ihrem Browser.
- Verschönern
Machen Sie Code mit einheitlicher Einrückung lesbar. Verschönern Sie JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML und mehr in Ihrem Browser.
- CSS-Präprozessoren
Kompilieren Sie SCSS oder LESS in Ihrem Browser zu Standard-CSS. Kombinieren Sie es mit Verschönern oder Minifizieren für das ganze Stylesheet.
- Farb- & CSS-Tools
Prüfen Sie den WCAG-Kontrast, wandeln Sie CSS-Farben und -Einheiten um und erzeugen Sie Abstufungen, border-radius und box-shadow im Browser.
- DevOps und Infrastruktur
Formatieren, validieren und minifizieren Sie Terraform-HCL, formatieren und prüfen Sie Dockerfiles und validieren Sie Docker Compose und .env-Dateien.
- CI/CD
Formatieren Sie YAML für GitHub Actions und GitLab CI und prüfen Sie die Struktur von Workflows und Jobs in Ihrem Browser.
- Protokolle und Beobachtbarkeit
Formatieren, filtern und validieren Sie JSON- und NDJSON-Protokolle. Nginx- und Apache-Zugriffsprotokolle wandeln Sie in CSV oder TSV um.
- Kubernetes
Multi-Doc-Manifeste, strukturelle Validierung, Ingress/Deployment-Starter und Helm-Werteformatierung.
- Netzwerk / IP
Subnetz-Rechner, IP-Konverter, Bereich zu CIDR, CIDR-Aggregation und IP-in-Subnetz-Prüfung für IPv4 und IPv6, im Browser.
- Sicherheit und Token
Prüfen Sie JWKS und JWTs, dekodieren Sie X.509-Zertifikate, wandeln Sie PEM und JWK um, suchen Sie Secrets und hashen Sie mit bcrypt.
- API & Schemata
Formatieren, validieren, prüfen und konvertieren Sie OpenAPI, JSON Schema und GraphQL SDL in Ihrem Browser.
- HTTP-Tools
Fügen Sie cURL-Befehle, HTTP-Nachrichten, URLs, HAR-Dateien und Cookie- oder Set-Cookie-Header ein, um sie zu formatieren und zu prüfen. Es wird nichts gesendet.
- SEO / Web-Tools
Erzeugen Sie Meta-Tags, Open Graph, Twitter Card, robots.txt, sitemap.xml und JSON-LD im Browser. Die Vorschauen entstehen aus Ihren Eingaben, Ihre Site wird nie abgerufen.
- Entwickler-Dienstprogramme
Zeitstempel, UUID, ULID, Nanoid, Cron, Passwörter, Regex, Slugs, Zahlenbasen, Groß- und Kleinschreibung, Textvergleich, chmod und Lorem Ipsum, alles im Browser.
- Text & Markdown
Zählen Sie Wörter, erzeugen Sie Markdown-Inhaltsverzeichnisse, wandeln Sie CSV in Markdown-Tabellen um und sortieren oder deduplizieren Sie Zeilen.
- KI & LLM
Zählen Sie Tokens, schätzen Sie API-Kosten, prüfen Sie das Kontextfenster, wandeln Sie JSON in TOON um und analysieren Sie Prompts.
- Testdaten
Dummy-Namen, E-Mail-Adressen, Telefonnummern, Postadressen, Datumsangaben, IBANs, Kartennummern sowie JSON-, CSV- oder SQL-Zeilen für Fixtures und Testdatenbanken. Alles entsteht im Browser.
- Barcode-Etiketten
Zeichnen Sie Code-128-, EAN-13- und UPC-A-Etiketten und statische QR-Codes im Browser und laden Sie PNG oder SVG herunter. Eine GS1-Abfrage ist das nicht.